Fixing a React navigation bug
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
Sur cette page du site, vous pouvez voir la vidéo en ligne Fixing a React navigation bug durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Sam Selikoff 16 septembre 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 7,252 fois et il a aimé 251 téléspectateurs. Bon visionnage!
