XState ❤️ NoNav - Taking Back Control Of Navigation
summary
Argues that mobile apps drop URL-style trees in favor of a no-nav declarative model, and demonstrates a working Dropbox-style app (login + folder picker) that isolates screens as reusable modules. Uses react-no-nav (two components: Canal and Screen) to handle only transitions and XState to model navigation and app context with statecharts, services and actions, eliminating nested ifs and centralizing logic so navigation becomes computed state instead of imperative calls.
AI-written summary · about
chapters (14)
- 0:00Introduction to navigation
- 0:53Physical world analogy
- 2:03Evolution of digital navigation
- 3:36The transition to stateful
- 5:10Rise of single page apps
- 7:09React Native principles
- 7:57Imperative vs declarative
- 9:40Issues with current models
- 10:52Interconnected code
- 12:31The no nav concept
- 14:01Context over navigation
- 15:33React no nav library
- 17:43State machines with xstate
- 20:33Conclusion and resources
related talks
22mMaximally Modular Apps with React Navigation
27mNative Navigation for Every Platform
05mLightning talk from Eric Vlad Vicenti
31mXState: the Visual Future of State Management
27mXState: the Visual Future of State Management
40mCoding Complex App Logic, Visually
19mA humble approach to Flutter app architecture
01h 01mThe visual future of reactive applications with statecharts