Infinite Scroll Pagination Tutorial with Firestore (part 2)

[@pratikwadekar4981]

Your tutorials and way of explaining the things is just phenomenal. Would love to see the pagination with page numbers too.

[@cubedev4838]

Yeah i would like to see that too

[@mosesadongo6403]

Me too, I'd love that

[@leopoldblau3744]

That’d be great, yes. I suppose you’ll have to figure out how many documents there are in the DB and how many you want to display per „page“. Then you’ll have the number of pages for the pagination. Not sure, but when you have the number of docs you’ll need to load per page, there should be a method to then fetch an area of docs from firebase. Every doc you want to fetch should also be multiplied by the page number to fetch the right docs per page. This could be a good start to go about it, I guess.

[@SusanthCom]

Yes. Pagination with numbers, first, last, next, previous, ... Please ❤️❤️❤️ Thanks 👍 for the wonderful work

[@JohnKomarnicki]

Another great video! Definitely inspired me into creating web development content here on YT. Thanks for all the content over the years!

[@GameCrawl]

Yes, using page number like 1,2,3,4,5 at the bottom is something that we would like to see. Really hope that you can add this feature in your pagination course...

[@ayushdedhia25]

What a dedicated video on pagination tutorial 🔥🔥🔥! Love from India ❤️🇮🇳🇮🇳🇮🇳

[@LiquidMasti]

+1

[@techjavaid6177]

Guru of guru's, My only KZbinr, THE Net Ninja ❤❤❤

[@maskman4821]

The best all around instructor / teacher that anyone could ever have !!!

[@mahinhossen4251]

Your code is beauty. I can never imagine myself doing such a clean code that is this easy to understand.

[@ridl27]

ty.

[@robustsauce3349]

I am coming to React from Android development. This was one of the most helpful KZbin programming tutorials I have seen. Thanks!

[@el32rp2]

Shaun, please update the Modern Javascript tutorial from UDEMY and also please create new courses on UDEMY. I will buy all of them. Your tutorials are very short and very well explained and not boring at all !

[@maskman4821]

yeah, I love short tutorials, easy to understand and pick up !!!

[@NetNinja]

Hey, I am currently updating the course, big update coming soon :D

[@volkankahraman_]

I don't think there is a way to implement page number pagination system without reducing cost working with firestore. Because it is nosql based and you can't query with index numbers. And also if you want to learn count of documents for numbered pagination you should read all of the docs in collection. But if you can find a way pls share thank you so much for the good work. Very much appreciated.

[@HoangNguyen85]

thank you very much for the clearly tutorial. I'm not an English native, but your voice is very easy to listen

[@mrMinstrel]

As always...many thanks for sharing your knowledge!

[@htmlfivedev]

Awsome job ... as usual!! Thanx ... plz give us the one with page numbers also ...

[@aljon7992]

Thanks teacher ninja :)

[@dennyh66]

Great stuff! Waiting for that page number pagination!

[@dm.hol.3624]

Hi! You're pretty cool in explaining things and your British accent sounds funny so I would really like to see next series about pagination. Here's my like and subscription.

[@musfiquenishad]

Please make a tutorial on how to upload multiple files/images in firebase with react👏🙏🙏

[@lancer7344]

Net Ninja The best of the best

[@fidellistaz766]

Since you are the best teacher on all platforms ,,, can you give us some advice on how we can learn coding efficiently and be good like you are ?

[@khanhld8376]

let triggerHeight = Math.ceil(container.scrollTop + container.offsetHeight); if not infinitie scroll

[@igdev6095]

Did you do pagination with page numbers? I'm looking for this :(

[@smartydude2157]

Great work😍👍👍 please it's request make next series on GSAP javascript animation 😊

[@aixoxa]

I will do that on my channel u can check it out

[@smartydude2157]

Thank brother ❤️😊

[@ManjeetKumar-ut5tu]

Awesome work Team

[@mrgrossartig]

Great second part.

[@vedprakash-zz6hb]

Liked it . very good code . I would like to see pagination also.

[@aixoxa]

Hey Shaun really great tutorial I have a similar channel like yours but not as great like yours would love it if one day we could collaborate thank you for all the free and value content you share 🙌🙏

[@thinkthinnk]

✌

[@maskman4821]

Thank you Shaun for this fantastic tutorial serise, this is what I been wanting to know, but in real world case we don't necessarily use firebase as backend, if we implement our express/node backend how do we limit number of items to be fetched by browser ??? and I have request regarding pwa, the technology that will transform web development in the future, can you do a tutorial about workbox, push notification, fetching dynamic data (remote api) and store in browser storage such as indexdb (using 3rd party library such as localbase) with service worker for complete offline access ??? pwa is adopted widely these days, corporations, companies, startup, indie developers, freelancers are using this technology to build native alike web apps, yeah it is a topic that every web developer has to master, hopefully Shaun can create a series, thank you in advance !!!

[@vuongtran5799]

Great videos for newcomer to firebase, I wonder how can we paginate like this and has a realtime message come up like chat app?

[@Alex-xw5bc]

Can you make a video on firebase analytics and storage?

[@geniushumans5114]

bro please please make a series on three js. Love from India ❤❤😁

[@XanderJames1705]

Nice job, and very well explained. Hope to see more of these amazing tutorials. Could you make a video of this implementation of an infinite scroll with React??? Best regards from Ecuador

[@narjeetsingh4713]

Dear Shaun Sir ! --- Please make new series on GSAP or BARBA JS

[@aixoxa]

I think I will do that on my channel feel free to check it out

[@narjeetsingh4713]

@@aixoxa ---I am appreciate your thinking. But i humble request to Shaun sir because i learn many things from Net Ninja channel.

[@aixoxa]

@@narjeetsingh4713 its OK me too thanks bro

[@karaokeprosinger2135]

Hi, what about infinite scroll real-time data? Like using onSnapshot.

[@ninjanav]

gave you a like before i even started watching cuz i already know it's gna be a great tutorial... woo!!! :D

[@vpr95]

The explanation is awesome, but I wonder how live data can be handled by this method of remembering last loaded document, while a new document maybe inserted to the top. 🧐🤔

[@ridl27]

noone cares if you 1st or 228th, just say "thank you", wtf xD

[@madmaxdev]

Tutorial on CI/CD please!

[@igdev6095]

You can make a video how to link firebase images storage width firebase authentication?

[@channel-ol1yn]

great tutorial.

[@getayebiyaznlgn6927]

great tutorial, but I have one doubt ... I wanna make each listed item clickable and display some content but how can I get items id? Help me please

[@cubedev4838]

Can u continue this series and make pagination number?

[@ebrahimabdo7945]

What if i have filter fields? must i make a request with a new value to query?

[@arscslvt]

Thanks for this tutorial, it was useful but I have to show my latest posts from firebase. If I use .orderBy("date", "desc") it doesn't work because "desc" parameter. How can I solve it?

[@aryagoswami4152]

If only KZbin allowed me cast 10 likes, instead of one!

[@MeetPatelOfficial]

Sir ! Please Make A this Same Operation in Firebase Real-time Database

[@רועיגלוטמן]

do you can make tutorial for firebase storge?

[@Pompinflompis]

Can you include a search form to this model in a following video? Thank you so much for this tutorial, it is a game changer

[@gbo10001]

hi there, i noticed you didn't recycle the batch so it will accumulated and will cause memory leaks eventually. how to solve that?

[@enekorodrigueztimon7966]

Hi, im applying this to a project where i need to use 'desc' in the order by. But this does bring me any data while if i remove the 'desc' it works fine. Its seems that it dont work with the startAfter, is there any solution?

[@islaahtv5717]

Hello sir, Waiting for vue 3 tutorials. :)

[@farhan_2467]

Next, sapper with firebase....

[@Etheriiss]

Shaun are you willing to make more paid courses on Udemy? Maybe more in depth and little bit harder thing abourt React to make more complex and better applications? :D

[@BrunoTran]

did anyone notice, if we orderby desc, it doesn't work anymore ?

[@ilhamvocalovi6879]

Mine is still work

[@derekchan1045]

You need to build an index.

[@anisking2331]

Help

[@zakidzz]

a like for every vedio you make thank you

[@NetNinja]

Thanks so much :)

[@devilsecptorwise4380]

First comments

[@osmanaktas77]

second.

[@zahidshaikh3122]

First.