ReactJS Pagination Tutorial using React Hooks

  Рет қаралды 106,337

PedroTech

PedroTech

Күн бұрын

Пікірлер: 211
@580bulldog
@580bulldog 2 жыл бұрын
Much better than most documents I googled. Great job!
@sofumzo3219
@sofumzo3219 2 жыл бұрын
You just made my day! thanks so much for this. Very clear and easy to recreate and implement in my project as I learn React!
@sahirmmmdova5052
@sahirmmmdova5052 2 жыл бұрын
I've watched many many videos about this,but you explained it the best!
@keenanreed5341
@keenanreed5341 Жыл бұрын
Thanks! It's always a pleasure following along with your tutorials. Much appreciated!
@khandoor7228
@khandoor7228 3 жыл бұрын
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!
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad it was helpful! I agree, I prefer to do stuff manually, however using this library helps a lot!
@ead5590
@ead5590 2 жыл бұрын
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! ✌🏻
@boonyaweeprasertsiripond4167
@boonyaweeprasertsiripond4167 2 жыл бұрын
Thank you very much! This is so easy to understand, and works exactly like I wanted it to be
@alexandreluiz6182
@alexandreluiz6182 Жыл бұрын
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!
@edu_sdorneles
@edu_sdorneles 3 жыл бұрын
Excellent tutorial! I had already saw like thousands videos, but this was the unique that I learned how to do this! Thanks a lot!
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad you liked it!
@anirbansarkar3226
@anirbansarkar3226 2 жыл бұрын
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
@cosmelvillalobos6448
@cosmelvillalobos6448 2 жыл бұрын
Hey man really good material, it helped me a lot on a project I was working on. keep up the good wok man!
@sfybskot
@sfybskot 3 жыл бұрын
You just saved my life with this video. Thank you a lot! Everything works in the best possible way!
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
I am happy to hear this hahaha Thank you for watching!
@Farid-kg4ft
@Farid-kg4ft Ай бұрын
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
@mrnabby4178
@mrnabby4178 Жыл бұрын
Following you from a long time. You are a great teacher.
@cristinaaguero3191
@cristinaaguero3191 2 жыл бұрын
You save my lifeeeee! I really really appreciate this video. Thank you so much
@ikemefunanwankwo3850
@ikemefunanwankwo3850 2 жыл бұрын
Great tutorial. Very concise. Welldone!
@benhadjyahiamehdi4772
@benhadjyahiamehdi4772 2 жыл бұрын
Lovely Video saved me plenty of time . Keep it up PedroTech
@jamezjaz
@jamezjaz 2 жыл бұрын
Very very helpful! Thank you very much, Pedro. Subscribed!
@revasseurborn2000
@revasseurborn2000 Жыл бұрын
I can't thank you enough mannnn ! You are the best !
@muzardemoses
@muzardemoses Жыл бұрын
I love this so much, one of the best
@andikafebrianto4021
@andikafebrianto4021 Жыл бұрын
Thank you for your effort, this tutorial help me solved the problem.
@teshaych2618
@teshaych2618 2 жыл бұрын
Your are such a blessing for new developers. Thanks
@manikdebnath8120
@manikdebnath8120 2 жыл бұрын
Now it seems how simple pagination is! Thanks a lot
@aestheticmusic3002
@aestheticmusic3002 Жыл бұрын
It really helped man 🤠 thanks for such tutorials ✨👍
@vedprakashsharma5640
@vedprakashsharma5640 3 жыл бұрын
fantastically explained.....Great job
@sanjayawasthi86
@sanjayawasthi86 10 ай бұрын
Thank you PedroTech this vedio was very help for me
@saksham3002
@saksham3002 3 жыл бұрын
love you dude! this really worked!
@federicorosales4770
@federicorosales4770 3 жыл бұрын
Excelente!! you explained it very well, ty! Greetings from Argentina.
@viniciusm.m.7822
@viniciusm.m.7822 2 жыл бұрын
Muito bom, mano! Forte abraço, Pedro! God bless you!
@leannemaemillare4754
@leannemaemillare4754 Жыл бұрын
helped a lot! thanks!
@pegihr
@pegihr 3 жыл бұрын
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
@uzairmughal7461
@uzairmughal7461 Жыл бұрын
Wallah! It worked for me, Thanks Man!
@DaWizardOfOz7
@DaWizardOfOz7 2 жыл бұрын
Thanks a lot mate, this is super useful!
@_chidiebere4763
@_chidiebere4763 3 жыл бұрын
I did not regret subscribing. Thanks Pedro
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Thank you!
@krittikakuldipsingh6033
@krittikakuldipsingh6033 Жыл бұрын
very nice and detailed explanation .... thanks a lot 💯
@MugiAnto1nd
@MugiAnto1nd Жыл бұрын
thanks bro your tutorial help me alot
@ganny1891
@ganny1891 3 жыл бұрын
Amazing video and well explained as well! Thank you mate.
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad it helped!
@taltech9297
@taltech9297 2 жыл бұрын
thanks it was super useful!
@sudharshanpani585
@sudharshanpani585 3 жыл бұрын
Thank you so much, I needed this very badly.
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad it was helpful!
@joseisraeldiazzapata5179
@joseisraeldiazzapata5179 3 жыл бұрын
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.
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Awesome! I can definitely make a video on this!
@vedprakashsharma5640
@vedprakashsharma5640 3 жыл бұрын
Kindly create more projects of this kind to explain various concepts beautifully ..the way you have done here. Have a great day.
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Thank you so much 😀
@bablumia1774
@bablumia1774 Жыл бұрын
Bro trust me this is outstanding
@sdcvwdcw
@sdcvwdcw 2 жыл бұрын
Bro, I never comment on videos but I love you and this video
@danielgreen5803
@danielgreen5803 2 жыл бұрын
Perfect, thanks man
@hermannmarx8993
@hermannmarx8993 3 жыл бұрын
Thanks. That saved my day. The Hook makes it much easier to implement pagination!
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad it helped!
@shivamsingh-dt1tc
@shivamsingh-dt1tc Жыл бұрын
Very well explained.
@TriNguyen-in1cx
@TriNguyen-in1cx 2 жыл бұрын
Thank you for video. It help me so much
@BECSAQUIB
@BECSAQUIB 8 ай бұрын
Thanks a lot. Amazing content.
@esadakman
@esadakman 2 жыл бұрын
Thanks for sharing this video. it really helped
@sougataroygcettb
@sougataroygcettb Жыл бұрын
It's really helpful for the beginner, thanx
@PedroTechnologies
@PedroTechnologies Жыл бұрын
You're welcome 😊
@TheGonza0
@TheGonza0 3 жыл бұрын
Great video, it served me a lot, thank you very much !
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad to hear that!
@rajnishkalwar1840
@rajnishkalwar1840 2 жыл бұрын
Very helpful video thanks alot
@jahanasultan
@jahanasultan 2 жыл бұрын
Thank you so much!
@medAmineRg
@medAmineRg 2 жыл бұрын
thanks man that was helpfull
@jacobzak7494
@jacobzak7494 Жыл бұрын
Thanks! You saved me!
@adelaionce
@adelaionce 2 жыл бұрын
Thank you so much ❤
@mangalakarunarathne3008
@mangalakarunarathne3008 Жыл бұрын
Really helpful tutorial... 💪😍
@agussartorio9303
@agussartorio9303 2 жыл бұрын
thank you rey, me ayudo mucho este video 💪💪
@user-qn5lu8de5b
@user-qn5lu8de5b 2 жыл бұрын
Thank you very much from Belarus!
@rayeemomayeer
@rayeemomayeer 2 жыл бұрын
thanks it's help me a lot
@jattoritittor8342
@jattoritittor8342 3 жыл бұрын
Thanks a lot buddy!
@happy_cutman
@happy_cutman 3 жыл бұрын
Great video, man! Thanks a lot!
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad you liked it!
@bharathiraja9049
@bharathiraja9049 3 жыл бұрын
Thanks for sharing this video. I really loved it and implemented in my project.. Good informative and easy to understand..
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad it was helpful!
@ayjayaywhy
@ayjayaywhy 3 жыл бұрын
Thanks a lot for the video man! Appreciate it
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Glad it helped!
@ravinakumari8007
@ravinakumari8007 2 жыл бұрын
Thank u so much :)
@kingsley577
@kingsley577 10 ай бұрын
Thanks, bro 🙌
@sellgar
@sellgar 2 жыл бұрын
Excellent tutorial! Thank you so much. I just wondering how can I float right the next button , I tried every possible css but I couldn't make it :(
@fonsusali
@fonsusali 2 жыл бұрын
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
@keerthanachar
@keerthanachar Жыл бұрын
waw
@funkybuddha1598
@funkybuddha1598 3 жыл бұрын
Great Job! Thank you.
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Thanks for watching!
@ShaunDVine
@ShaunDVine 2 жыл бұрын
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.
@Vlad-us9xt
@Vlad-us9xt 3 жыл бұрын
Keep up the great work!
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Thank you! I appreciate the support!
@keerthanachar
@keerthanachar Жыл бұрын
Thanks a lot!
@khalidmahmud612
@khalidmahmud612 2 жыл бұрын
Thank u so much
@sahilbasnet1360
@sahilbasnet1360 8 ай бұрын
hey pedro, ive a question, whenever i click Next Button, it is not changing pages, instead loads data on the same page... how can i fix it
@bhuvaneshwariv8287
@bhuvaneshwariv8287 Жыл бұрын
Hii @Pedro Tech im using mui for pagination so instead of select method what can I use to change the page with data.
@yeseniagonzalez3540
@yeseniagonzalez3540 Жыл бұрын
Good video, thanks
@tdgualu7148
@tdgualu7148 2 жыл бұрын
Much obliged man
@bekzatmurat1341
@bekzatmurat1341 Жыл бұрын
Thanks Pedro
@hrishikeshpatil9896
@hrishikeshpatil9896 3 жыл бұрын
Nice bro ! Very well explained ...☺️
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Thank you so much!
@henriquekutner6724
@henriquekutner6724 3 жыл бұрын
Seu inglês é muito bom e só percebi que era brasileiro pelo sobrenome Machado haha Seu tutorial me salvou valeu!
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
kkkkkk muito obrigado!
@jhonjairogarcesmontes1035
@jhonjairogarcesmontes1035 2 жыл бұрын
Hey Pedro what if I want to add an animation when it changes to another page?? do I do it with CSS??
@angele.t.2528
@angele.t.2528 3 жыл бұрын
Thank you bro!
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Happy to help
@mkheree
@mkheree 2 жыл бұрын
Thank you. Can you please say what is the theme you are using in VS Code?
@vivekanandareddymaddela
@vivekanandareddymaddela 2 жыл бұрын
Thanks a lot
@you3667
@you3667 3 жыл бұрын
Thx. I use it to my project
@PedroTechnologies
@PedroTechnologies 3 жыл бұрын
Awesome!
@mansilaad2062
@mansilaad2062 3 жыл бұрын
Hey how we can do pagination with react and node..
@VineetSingh-qg5zt
@VineetSingh-qg5zt Жыл бұрын
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?
@hidayathullabhandari9419
@hidayathullabhandari9419 2 жыл бұрын
i just wantt the next and previous buttons without the individual page numbers. Is it possible?
@monkeystylle
@monkeystylle 2 жыл бұрын
hi pedro do you have coupon discount on your course on codedamn?
@wajidkashoo9242
@wajidkashoo9242 Жыл бұрын
very helpful
@thomashaugen1566
@thomashaugen1566 2 жыл бұрын
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
@akinfetemitope8495
@akinfetemitope8495 2 жыл бұрын
What if I want to call another function when I click on the next or previous buttons?
@MrFyce
@MrFyce 3 жыл бұрын
Hello when I saved the file Prettier extension doesnt work until I restarted VS code!
@marcopablodemaio992
@marcopablodemaio992 3 жыл бұрын
this video is excelent !!!
@sohahashim647
@sohahashim647 Жыл бұрын
Getting a bug when adding a search input along with the pagination. Can that be solved?
@rohangh3577
@rohangh3577 2 жыл бұрын
I have a question.. when I change the page it does not scroll up to the top automatically .. how to achieve that?
@ashishdas5991
@ashishdas5991 2 жыл бұрын
Is it possible to disable page numbers that are being displayed?
@teshomeyalew935
@teshomeyalew935 2 жыл бұрын
This Man is Damn Unbelievable! Thanks
@wagolemusa3070
@wagolemusa3070 Жыл бұрын
Thanks bro
@pdv6886
@pdv6886 2 жыл бұрын
my pagination numbers and labels not links a next or previus page, help me
Why Signals Are Better Than React Hooks
16:30
Web Dev Simplified
Рет қаралды 461 М.
React js Pagination With API Call Using React-paginate
27:17
coderspirit
Рет қаралды 91 М.
Was ist im Eis versteckt? 🧊 Coole Winter-Gadgets von Amazon
00:37
SMOL German
Рет қаралды 36 МЛН
Became invisible for one day!  #funny #wednesday #memes
00:25
Watch Me
Рет қаралды 54 МЛН
Дибала против вратаря Легенды
00:33
Mr. Oleynik
Рет қаралды 5 МЛН
Simple Frontend Pagination | React
19:13
Traversy Media
Рет қаралды 476 М.
Как сделать пагинацию на React.js ?  [React Pagination]
20:01
Давай Попробуем: JavaScript
Рет қаралды 34 М.
ReactJS Pagination Tutorial using React Paginate
21:19
Index-Zero
Рет қаралды 50 М.
Create A Paginated API With Node.js - Complete Tutorial
23:21
Web Dev Simplified
Рет қаралды 192 М.
React Like a Pro: React Best Practices
9:55
PedroTech
Рет қаралды 10 М.
Пагинация в React-приложении с Material-UI
26:48
Михаил Непомнящий
Рет қаралды 24 М.
The Best React Helper Tool - React Dev Tools Tutorial
23:30
PedroTech
Рет қаралды 4 М.
Turning bad React code into senior React code
13:10
Cosden Solutions
Рет қаралды 87 М.
Search Bar in React Tutorial - Cool Search Filter Tutorial
31:53
Хотела заскамить на Айфон!😱📱(@gertieinar)
0:21
Взрывная История
Рет қаралды 6 МЛН
WATERPROOF RATED IP-69🌧️#oppo #oppof27pro#oppoindia
0:10
Fivestar Mobile
Рет қаралды 17 МЛН
Мой инст: denkiselef. Как забрать телефон через экран.
0:54
Спутниковый телефон #обзор #товары
0:35
Product show
Рет қаралды 2,2 МЛН