https://github.com/bhargav-parashar/pagination

Application centered around pagination
https://github.com/bhargav-parashar/pagination

css html javascript pagination reactjs useeffect-hook usestate-hook

Last synced: 28 days ago
JSON representation

Application centered around pagination

• Host: GitHub
• URL: https://github.com/bhargav-parashar/pagination
• Owner: bhargav-parashar
• Created: 2024-11-18T19:06:34.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-19T18:24:35.000Z (3 months ago)
• Last Synced: 2024-11-19T18:45:50.675Z (3 months ago)
• Topics: css, html, javascript, pagination, reactjs, useeffect-hook, usestate-hook
• Language: JavaScript
• Homepage: https://pagination-six-puce.vercel.app
• Size: 158 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Pagination

Pagination in React JS is a function of apps that allows them to show data on a series of pages. The information can be seen by going from one page to the next.

## Details

This application is an implementation of pagination in which the data gets loaded into the table after an API call, and a maximum of 10 items is seen on the screen at a time. The back and forth movement of the pages and the value of the current page is maintained by using useState hook. A useEffect hook with an empty dependency array is used to call API on initial load. A second useEffect hook is to update paginated list to show on screen usin slice() function.