Component based Navigation in React Native

on YouTube ↗26m

" summary

A ground-up rewrite of React Navigation delivers a component-based API so navigation config lives inside render, making initialRouteName and conditional screens dynamic; a hooks-first design with TypeScript typings and autocomplete; optional native-stack and viewpager native adapters for platform animations; and devtools support with time-travel debugging. The new core is alpha, available at navigation.org/next, and claims to simplify previously impossible patterns while keeping native extensions as separate packages.

AI-written summary · about

" chapters (17)

1. 0:00Introduction
2. 0:32What is Navigation
3. 0:51Example of Navigation
4. 1:07Browser History API
5. 1:48Native vs Web Navigation
6. 3:27Why Web Navigation
7. 4:29Header Animation
8. 6:01Navigator
9. 10:54Concept and Problem
10. 13:27Navigation Patterns
11. 15:14Limitations
12. 16:01Current API
13. 17:06New API
14. 20:14TypeScript
15. 20:57Native Extensions
16. 23:40Dev Tools Integration
17. 24:23Outro

" related talks

• 45mMobile navigationBrent Vatne · React Alicante 2018
• 32mNavigating React Native NavigationKurtis Kemple · React Amsterdam 2017
• 27mNative Navigation for Every PlatformEric Vlad Vicenti · ReactEurope 2016
• 05mLightning talk from Eric Vlad VicentiEric Vlad Vicenti · React.js Conf 2016
• 24mFull Stack React NavigationEric Vlad Vicenti · ReactEurope 2018
• 13mIntegrating React Native with Native InfrastructureMehdi Mulani · ReactEurope 2017
• 36mOwning TransitionsEric Vlad Vicenti · React Native EU 2018
• 09mBuilding blocks of React NativeNaman Rajat Goel · React Conf 2024