Maximally Modular Apps with React Navigation

on YouTube ↗22m

" summary

Demonstrates that screens built with sufficient isolation become portable by treating navigation state like a reducer and wiring routers into app state; implements a custom navigator that reuses React Navigation routers, overrides getStateForAction to change back/forward behavior, integrates a modal stack and Android back handling, and explains server rendering via router-derived navigation actions; prototypes a hacky workspace to link modules and publish a shared checkout package using reducers and single-directional data flow and React Navigation.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 3:31register each screen component as routes within your navigator
3. 7:07make a navigator a controlled component
4. 8:13setting up our tab router
5. 15:53render our react navigation app on the server
6. 18:07exporting the navigation routes from the library

" related talks

• 24mFull Stack React NavigationEric Vlad Vicenti · ReactEurope 2018
• 33mBreaking the Rules: Dynamic Navigation in Modularized AppsSumayyah Ahmed · droidcon New York 2022
• 45mMobile navigationBrent Vatne · React Alicante 2018
• 05mLightning talk from Eric Vlad VicentiEric Vlad Vicenti · React.js Conf 2016
• 32mNavigating React Native NavigationKurtis Kemple · React Amsterdam 2017
• 06mType safe, multi-module best practices with Navigation ComposeIan Lake · Android Dev Summit 2022
• 25mUniversal React Applications with ReduxBradley Spaulding · JSConf US 2018
• 23mXState ❤️ NoNav - Taking Back Control Of NavigationYann Leflour · React Native EU 2020