Mobile navigation

on YouTube ↗45m

" summary

Compares two concrete approaches: one that wraps platform nav APIs (example React Native Navigation) and one that implements navigation in JS on primitives (example React Navigation). Shows working extensions: React Native Screens to restore native lifecycle, React Native Gesture Handler and Reanimated for smooth gestures, shared‑element transitions (experimental but running), and over‑the‑air updates via Expo. Demonstrates which UI customizations require native code and which can be built entirely in React, and when performance or incremental adoption wins.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 0:51What is navigation?
3. 3:11Switch
4. 3:47Bottom tabs
5. 9:26So we have two options in React Native
6. 33:20Native view lifecycle events
7. 38:30Creating a navigator

" related talks

• 32mNavigating React Native NavigationKurtis Kemple · React Amsterdam 2017
• 26mComponent based Navigation in React NativeSatyajit Sahoo, Michał Osadnik · React Day Berlin 2019
• 27mNative Navigation for Every PlatformEric Vlad Vicenti · ReactEurope 2016
• 29mIt all starts with navigationKrzysztof Magiera · React Native EU 2018
• 24mFull Stack React NavigationEric Vlad Vicenti · ReactEurope 2018
• 25mReact developers in a wild world of native appsMilica Aleksic · React Day New York 2021
• 31mFrom React to NativeLaura González · React Boston 2019
• 07mFrom Native to React NativeGreg Ryzhov · React Day Berlin 2019