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.
Learn more at remix.run

[@pdevito]

Love these quick videos

[@EmoPorEmilio]

Yeah, Ryan is killing it as usual :)

[@mateuszbienias7553]

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

[@skelet207]

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.

[@vinsonwei1306]

Jumped from remix doc to this series and almost finished it in one go. Thanks ryan.

[@sburke0708]

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

[@blackwhite6681]

Just what I was looking for my dialogs! Love the videos! Keep them coming :)

[@davidentzat5671]

Great videos!! Please keep posting them. Thanks

[@ayo.bakare]

The video is really informative and I like that it is short.🚀 Noticed the new route file naming as well😍

[@rafaeljdm]

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

[@planetmall2]

Love all the work and the videos! Thank you!

[@teknolovedigital]

Wooow.. this video is a gem.. thanks

[@ocxigin9220]

This Scroll Management is well explained, Good job

[@Paul-Grunt]

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

[@usercl3ev2pt1b]

moar, moar of these videos. thank you

[@luispagarcia]

this is dope, thanks ryan!

[@Alex-vp8fw]

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".

[@saurabh75prakash]

Check Conform, it's made for Remix and has what you are looking for with progressive enhancement as a bonus.

[@DEV_XO]

Nice content!

[@matanon8454]

Very nice video!

[@siosaiafonua9286]

Thanks Ryan

[@rinkaan]

Very nice!!! Very nice!!!

[@lutfiikbalmajid]

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

[@alex_rpascual]

Damn 🤯🙏🎉

[@crazier192]

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?

[@voltaquake]

How does it work behind the scene?

[@alexmachin1785]

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 ?

[@__sunilsamuel]

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

[@martinnov8k]

What theme do you use for VS Code? Thank you

[@AmitErandole]

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

[@metinsut]

Perfect

[@mhraihan7422]

where can I get this one repo? thanks

[@ShourovRoy-pk5zm]

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.

[@marmotablanoasa2473]

I want to show a custom popup in remix when the user tries to navigate to another route(aka from is dirty) but i don't know how can i achieve that anyone has an idea?

[@adonaicandido]

Shouldn't this behavior come set by default?

[@FAMILY-CROUTON]

Pub