Blog
Para quem já sabe o básico e quer ir fundo. Aqui o assunto é como os modelos funcionam em produção: memória, roteamento, ferramentas, agentes. O lado técnico que pouca gente explica direito.
JS bridge (old) vs JSI/Fabric/TurboModules (new arch 2024+). FlatList vs ul/li, View vs div, gesture handling, safe area, status bar, orientation. Mapa TypeScript dev → mobile concepts.
Expo managed workflow (fast iteration, limited native), Expo Router (file-based), config plugins (add nativo sem eject), development builds. Quando prebuild/eject realmente preciso.
Expo Router (file-based, Next.js-like), React Navigation (classic, flexível). Stack, Tabs, Drawer, Modal. Deep linking. Universal links. Linking strategy cross-platform.
React Query (TanStack) — server state cache + offline. Zustand (local state). Async storage vs MMKV (10x mais rápido). Handling network conditions, stale-while-revalidate.
Quando JS não dá: câmera avançada, bluetooth, background tasks, platform APIs específicas. Expo config plugins primeiro. Se precisar nativo: Turbo Modules API, Kotlin/Swift 20-50 linhas suficiente pra maioria.
EAS Build (managed CI/CD Expo), local builds, signing certificates, provisioning profiles, TestFlight beta iOS, Google Play internal testing, OTA updates (Expo Updates).
Hermes engine (default 2024+), FlashList (Shopify, 10x vs FlatList em listas grandes), useMemo/React.memo adequado, avoid bridge overhead, Flipper + React DevTools profiler.
App real (todo list, notas, tracking): SQLite local (expo-sqlite), React Query offline cache + resumable mutations, sync quando online, conflict resolution, deploy em TestFlight + Play internal.