Fixing a React navigation bug

Published: 16 September 2023
on channel: Sam Selikoff

7,252

251

Watch me and Ryan refactor a real-world codebase! We animate a slideover on back navigation, maintain scroll position when the slideover opens, and ensure a clean initial render based on the URL query params.

PR with refactor: https://github.com/samselikoff/2023-0...
Original tweet + demo: / 1702182717008629936

TIMESTAMPS:
0:00 - Intro
1:31 - App overview
4:48 - First look at code
11:06 - Keeping the SlideOver rendered
14:33 - Removing the Effect for derived state
23:40 - Fixing the initial render
32:05 - Fixing the close button
40:10 - Fixing the scroll position
48:29 - Preserving the panel contents during unmount animation
53:38 - Outro

On this page of the site you can watch the video online Fixing a React navigation bug with a duration of hours minute second in good quality, which was uploaded by the user Sam Selikoff 16 September 2023, share the link with friends and acquaintances, this video has already been watched 7,252 times on youtube and it was liked by 251 viewers. Enjoy your viewing!

37,567

622