junaid33/opensource.builders

Add pagination

Open

#245 ouverte le 10 avr. 2020

Voir sur GitHub
 (0 commentaires) (0 réactions) (0 assignés)TypeScript (1 306 stars) (189 forks)user submission
enhancementgood first issue

Description

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

Guide contributeur

Stack technique
typescript
Domaine
frontendperformance
Type d'issue
performance
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
needs investigation
Prérequis
Basic JavaScriptUnderstanding of pagination concepts
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
40
Direction de recherche
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.