Navigation & Deep Linking
Stack, Tab, Drawer, dan Universal Links — Arsitektur Navigasi Mobile
Navigasi di mobile lebih kompleks dari web — tidak ada URL bar, tapi ada stack, tab, drawer, modal, dan deep linking. Modul ini mengajarkan React Navigation: Stack Navigator (push/pop), Tab Navigator (bottom tabs), Drawer Navigator, TypeScript-safe route params, nested navigators, deep linking, dan universal links yang membuka app dari URL eksternal.
Prasyarat
Modul 42 (React Native & Expo Fundamentals).
Kenapa Ini Penting
Arsitektur navigasi yang buruk adalah penyebab #1 refactor mobile app. Navigasi perlu dirancang di awal — bukan tambahan belakangan. Modul ini memberikan pola navigasi yang proven.
Daftar Chapter
- Chapter 44.1
React Navigation: Stack Navigator
Navigasi push/pop antar screen — fondasi arsitektur mobile
- Chapter 44.2
Tab & Drawer Navigation
Bottom tabs dan drawer — pola navigasi utama aplikasi mobile
- Chapter 44.3
Nested Navigators & TypeScript
Arsitektur navigasi bertingkat dengan type safety penuh
- Chapter 44.4
Passing Params Antar Screen
Type-safe params, initial params, dan conditional rendering
- Chapter 44.5
Deep Linking & Universal Links
Buka aplikasi dari URL — integrasi web ke mobile
- Chapter 44.6
Authentication Flow dengan Navigasi
Conditional navigator — user belum login vs sudah login