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
In questa pagina del sito puoi guardare il video online Fixing a React navigation bug della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Sam Selikoff 16 settembre 2023, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 7,252 volte e gli è piaciuto 251 spettatori. Buona visione!
