Cool... I was just thinking of adding pagination to my project. and suddenly a notification appears from your youtube channel about pagination. unfortunately right now I'm in a remote village where the internet network is very bad. I'll watch your video again when I get home
Excellent! I love libraries that make sense as this one does. I understand sometimes its not good to use too many libraries but sometimes it does makes sense. Thanks Pedro!
Bro I watched this video a year ago when I was new to React and it was crazy and confusing, one year later I am watching this and it's sooo easy to understand, Progress is Constant, thank you bro
Thanks a lot for such an amazing explanation. With guys like you and Zirrol React becomes understandable for everyone. These 2 are monsters when it comes to teaching React. Good luck and God bless you Pedro
Thank You soooooooooooooooooooo much bro , you made my life easy actually I was reading a doc and It was little bit difficult to understand so I was searching for a explanation and then I found your video , not only you explain very easy way but also you made your code easy to implement. thank you again . you got new Sub bro
Yo Pedro! This pagination video was DA BOMB! 💣 It was the final piece to the e-commerce MERN project I'm working on which is almost complete and close to deployment. It's super easy to use pagination methods using Mongoose on the backend but I was looking to make it work on the frontend. Great stuff. Liked the video and definitely subscribed. Thanks a lot! ✌🏻
I would like to thank you very much. You have no idea how you helped me. I'm starting as a junior developer and was assigned this particular task. Wish you all the best!
Nice, thanks Pedro. This is gonna be useful for more crazy stuff in projects😊😊😊. A future video can be about persistent states using cookies, so that when refreshing the page, the state still exists.
Thanks for the video. Do you know how this could be modified to be integrated with filters? Once a filter is applied to the data it will also paginate the filtered results.
Hi, how to implement back browser button functionality in pagination, as when you click on browser back button it goes back to the previous page but not the actual pageNumber of the pagination. Thanks
So, say you have an api with 20 pages. On each page you have an array of 10 items you want to display. How can you use react-paginate to continue to display 10 new items for for each page?
Well, if you don't know the size of the array then u cant define the amount of buttons. Either you can query all items once and store it in an array, or push new items and make a new api call everytime you click on the next page button.
what we have infinite items so there will be so many button down there for each page. how to handle that...how can we trim the values like mui pagination does?
Hey Pedro, i have a question, how does react-paginate knows where to get data from ? cause i dont see it inserted inside the react-paginate ? , because im clicking the page numbers links, but it doesn´t change the pages with the next page data?
Hey, so the data can come from wherever you want it to. You just need to pass a list of objects to represent the elements being paginated. If it is a finite amount, you can just create a json file and put it there.
@@PedroTechnologiesits weird... doesnt make any sense...all i sse is {displayUsers} and bellow component, but i dont see where the data is inserted inside the , i just see the options, and thats it ..lol..
@@romimaximus The data is put into the display users function. I import a document and call it JsonData (the data being used), then I set this data as the state called users and use users inside of displayUsers. Hope that clears any confusion!
@@PedroTechnologies Ok, let me if i get it, so if i map() anydata above the component and inside the same "div" like: /* It will take whatever data inside this "div" and paginate it ? */ { data.map(item => {item.fieldName} {item.anotherFieldName} )}
Than you for the content. In my opinion pagesVisited should be called currentUser or currentElement, as it refers to the current user and not really how many pages were visited.
I have done the same thing in my project it's working fine but if I click on browser back button content is changing but page number is not changing plz help
@@PedroTechnologies fuse.js is not important, I want Search Functionality in the exact same component in this video Any method will work for me , But the component has to be exact same like this video along with pagination. Please Help!!
Imagine that you have a hundred pages, then you will have a hundred buttons to switch ? How to implement pagination in which there will be a fixed number of buttons on the page and the value of these buttons will shift depending on where they are located