Scroll Management with Remix and React Router

Learn to prevent scroll reset on navigation and how to take control over how it restores on back/forward.

[mateuszbienias]

Remix's such a game changer in the world of react frameworks, I hope you will continue 'Remix singles' series!

[skelet]

Love these small videos talking about one simple topic!

Would be great to have one where you briefly talk about a file/folder structure that you prefer. I would for instance have created a groups folder in this example.

[sburke]

Need more of these videos! I had this exact problem two days ago 😅

[ayo.bakare]

The video is really informative and I like that it is short.🚀

Noticed the new route file naming as well😍

[davidentzat]

Great videos!! Please keep posting them. Thanks

[blackwhite]

Just what I was looking for my dialogs!

Love the videos! Keep them coming :)

[rafaeljdm]

We need more videos Ryan! Love this short simple videos!

[ocxigin]

This Scroll Management is well explained, Good job

[planetmall]

Love all the work and the videos! Thank you!

[Paul-Grunt]

Great UX design! I know I can use this! Thanks for sharing your solutions! 🙌

[crazier]

I wanted to test but don't have the page so I will ask you here. Hope you have time checking this. First question: Does this feature work on Safari? Second question: How does it work with infinite scroll? If uses scroll to the ajax load point, move away and then wanted to come back at the same scrolled position, do I need to set up more or it will work by default?

[lutfiikbalmajid]

Wait for routing, instead using folder groups/members.js in remix can be done with groups.members? This is cool

[userclevptb]

moar, moar of these videos. thank you

[alexmachin]

So you're using navigating for tabs which is super cool. Could this work for a project which has more than 1 tab group or would you need to use JavaScript to handle the tabs ?

[Alex-vpfw]

Damn, really nice work! I'm absolutely in love with Remix, the way you teach and the channel! Love that you create such a valuable resource for remix here on YT, especially now as there's not that much in-depth knowledge and content about it existing elsewhere. For me personally, concise vids about one topic, well organized in playlists is the perfect concept; I think I haven't seen this executed that well for a programming channel before!

If I may, I'd like to suggest a video-topic: I'm currently developing a little app with Remix that has more or less complex form logic. All the examples I've seen up until now feature simple, uncontrolled forms. Could you give some examples for (or does anyone else in the comments know a good resource for) things like client-side validation, multi-step forms, autocompletes, etc. the remix way? I know how to do it in React, but don't know if that would be "the remix way".

[martinnovk]

What theme do you use for VS Code? Thank you

[__sunilsamuel]

Can we get the demo repo for us to play around with ?

[mhraihan]

where can I get this one repo?
thanks

[ShourovRoy-pkzm]

In Remix, when navigating to a page where loader function is in use to fetch data, it’s navigating to that page once the data fetching is complete.

Which is giving a very uncomfortable behaviour. Because rest of the pages are instantly navigating.

Is there any fix? I was using Nuxt3 today and in Nuxt3 it was navigating the the page instantly and at the same time it was fetching the data too from server.

[AmitErandole]

Can we see the repo please so we can play around?