junaid33/opensource.builders

Add pagination

Open

#245 创建于 2020年4月10日

在 GitHub 查看
 (0 评论) (0 反应) (0 负责人)TypeScript (1,306 star) (189 fork)user submission
enhancementgood first issue

描述

If we add more comparisons, the website will eventually have to load a huge JSON file and that will slow it down.

贡献者指南

技术栈
typescript
领域
frontendperformance
议题类型
performance
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
3
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
half day
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
needs investigation
前置要求
Basic JavaScriptUnderstanding of pagination concepts
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
40
研究方向
Examine the codebase to find where the comparisons JSON is loaded and the list is rendered. Look for files such as `index.tsx` or `List.tsx`. Implement pagination by adding state for current page and page size, then slice the data accordingly. If the project uses React, utilize `useState` and `useMemo` to manage pagination state. Ensure UI includes page numbers or next/previous buttons for navigation.