React
React Native
Node.js
Python
Rust
PostgreSQL
Solana
Claude
AI Agents
Go
Containers
AWS SDKs

React Native SME Cookbook

Sections

React Native & Expo Core

React Native Basics Views, Text & Core Components Props, State & Re-renders on Mobile Event Handling & Touchables Platform-Specific Code Images & Assets Dimensions & Responsive Layout The Bridge, JSI & New Architecture Hermes & the JS Runtime React Native Fundamentals Best Practices Highlights Summary

Core Views and Text StyleSheet and Flexbox Lists and Virtualization TextInput and Forms Pressables and Touch App State and Hooks Expo Router Navigation Platform Linking and Share Storage and Secure Data Networking Images Media Accessibility and Safe Area Performance and Lists

Expo Platform Basics create-expo-app Quickstart app.json & app.config.js Expo Go vs Development Builds Expo Modules Core Environments & EAS Environment Variables Upgrading Expo SDK Versions Managed to Bare Migration Expo Account, Projects & Permissions Expo Platform Best Practices Highlights Summary

TypeScript in RN Basics Typing Components & Props Typing Navigation & Route Params Typing Native Module APIs Typing API Responses & Zod Utility Types for RN Expo Router Typed Routes Gradual Typing in Brownfield Apps TypeScript in RN Best Practices Highlights Summary

Component Patterns Basics Custom Hooks for UI Logic Compound Components Render Props & Slot Patterns Container/Presenter on Mobile Headless Components Polymorphic & AsChild Patterns Anti-Patterns: God Screens Component Patterns Best Practices Highlights Summary

Styling Basics Flexbox Deep Dive Safe Areas & Notches Dark Mode & Color Schemes Responsive & Adaptive Layout Style Performance Shadows, Elevation & Borders Typography Scale & Font Loading Styling Best Practices Highlights Summary

Lists Basics FlatList Recipes SectionList & Grouped Data FlashList vs FlatList Infinite Scroll & Pagination List Performance Tuning Nested Scrollables Virtualization Gotchas Lists Best Practices Highlights Summary

Forms Basics react-hook-form on Mobile Validation with Zod Keyboard Controller Pickers, Date/Time & Native Inputs Multi-Step & Wizard Flows Accessibility in Forms Forms Best Practices Highlights Summary

Error Handling Basics Error Boundaries in RN Network Failure UX Global Error Handlers Feature Flags for Safe Rollout Graceful Degradation Patterns User-Facing Error Copy Error Boundaries Best Practices Highlights Summary

Tooling, Build & Quality

Project Setup Basics create-expo-app Templates Folder Structure for Features Monorepo with Turborepo Monorepo with Nx Shared Packages & Metro Resolution Multiple Apps in One Repo Project Setup Best Practices Highlights Summary

Local Development Basics iOS Simulator & Android Emulator Physical Device Testing expo-dev-client React Native DevTools Flipper & Alternative Debuggers Hot Reload vs Fast Refresh Expo CLI Best Practices Highlights Summary

Linting Basics Prettier & Import Sorting TypeScript Strict Mode React Hooks Lint Rules CI Quality Gates Custom ESLint Rules for RN Dead Code & Dependency Analysis Linting Best Practices Highlights Summary

Mobile Testing Basics Jest Setup for Expo React Native Testing Library Mocking Native Modules Maestro E2E Detox E2E Visual Regression & Storybook Contract Tests for APIs Testing Best Practices Highlights Summary

Expo Project Rules Checklist Navigation & Routing Rules Native Module Rules Security Rules for Mobile Release & OTA Rules Performance Budget Rules Architecture Decision Records Expo Rules Best Practices Highlights Summary

Architecture & Design

Mobile Architecture Basics Feature-Sliced Design for RN Clean Architecture on Mobile Modular Monolith vs Multi-App Dependency Injection in RN ADR: Navigation Library Choice ADR: State Management Selection Refactoring Checklist Architecture Best Practices Highlights Summary

State Management Basics useState & useReducer Context Without Storms Zustand Redux Toolkit TanStack Query Jotai & Atomic State State Persistence & Hydration State Management Best Practices Highlights Summary

Offline-First Basics AsyncStorage Patterns expo-sqlite MMKV & High-Performance KV Sync Strategies Optimistic UI Background Sync & TaskManager Data Layer Best Practices Highlights Summary

Networking Basics Fetch vs axios TanStack Query on Mobile Retries, Backoff & Idempotency WebSockets & Real-Time GraphQL with urql/Apollo Certificate Pinning Networking Best Practices Highlights Summary

Mobile Auth Basics expo-auth-session & OAuth SecureStore & Keychain/Keystore Biometrics with LocalAuthentication Refresh Token Rotation Multi-Account & Device Binding Auth Session Lifecycle Authentication Best Practices Highlights Summary

Navigation & Routing

Expo Router Basics Stack Navigation Tabs & Drawers Route Groups & Organizing `app/`Link & href Typed Routes Redirects & Index Routes Expo Router Fundamentals Best Practices Highlights Summary

Nested Navigators Modal & Presentation Routes Protected Routes & Middleware Native Tabs Split View & Tablet Layouts Server Components Experiments Custom Navigators & Headless Router Expo Router Advanced Best Practices Highlights Summary

Deep Linking Basics expo-linking API iOS Universal Links Android App Links Deferred Deep Links Push Notification Deep Links Deep Link Testing Matrix Deep Linking Best Practices Highlights Summary

Native Platform & SDK

Expo SDK Basics expo-notifications expo-location expo-camera & expo-image-picker expo-file-system expo-secure-store & expo-crypto expo-updates (Client API)expo-task-manager & Background Tasks Expo SDK Packages Best Practices Highlights Summary

Native Modules Basics Using Third-Party Native Libraries Config Plugins create-expo-module Autolinking & expo-modules-core Writing a TurboModule Patching Native Projects Native Modules Best Practices Highlights Summary

Prebuild Basics expo prebuild Workflow Config Plugins in CNG Custom Native Code in CNG Fingerprint & Native Change Detection Migrating Manual Native Projects to CNG CNG in CI Prebuild Best Practices Highlights Summary

iOS Basics for RN Devs CocoaPods & Pod Install Entitlements & Capabilities App Store Review Guidelines TestFlight Distribution iOS Privacy Manifests & Required Reason APIs App Extensions & Widgets iOS Platform Best Practices Highlights Summary

Android Basics for RN Devs Edge-to-Edge on Android Permissions & Play Policy Signing & Play App Signing Internal Testing Tracks 16 KB Page Size & Device Matrix Gradle Performance & Caching Android Platform Best Practices Highlights Summary

Brownfield Basics expo-brownfield Overview RNHostView & Native UI Embedding Shared Authentication & Bridges Incremental Adoption ADR Brownfield CI/CD Brownfield Best Practices Highlights Summary

UI, Performance & Media

Animations Basics react-native-reanimated 4 react-native-gesture-handler Layout Animations Worklets & Bundle Mode Shared Element Transitions Gesture Conflict Resolution Animations Best Practices Highlights Summary

Design Systems Basics NativeWind (Tailwind for RN)Tamagui React Native Paper Expo UI Drop-Ins Building an Internal Component Library Theming & Brand Flavors Design Systems Best Practices Highlights Summary

Accessibility Basics accessibilityLabel & accessibilityRole Focus Order & Keyboard Navigation Dynamic Type & Font Scaling Reduced Motion Accessibility Audit Checklist Accessibility Best Practices Highlights Summary

i18n Basics expo-localization i18next / react-i18next RTL Layouts Translation CI Locale Fallbacks & Pseudolocale i18n Best Practices Highlights Summary

Performance Basics React DevTools Profiler Hermes Sampling Profiler Flashlight Benchmarking Bundle Size Analysis Memory Leaks & List Churn Startup Time Optimization Performance Best Practices Highlights Summary

Media Basics expo-image expo-camera expo-video react-native-skia react-native-maps Media Best Practices Highlights Summary

Shipping & Observability

EAS Build Basics iOS Credentials & Provisioning Android Keystores & Signing Build Profiles & Flavors EAS Submit Internal Distribution Custom Build Hooks EAS Build Best Practices Highlights Summary

OTA Updates Basics expo-updates Configuration Release Channels & Branches Rollback Runbook Runtime Version Policy Staged Rollouts OTA Updates Best Practices Highlights Summary

Mobile CI/CD Basics EAS Workflows GitHub Actions + EAS Preview Builds on PRs Automated Store Promotion Release Train Calendar CI/CD Best Practices Highlights Summary

Store Operations Basics App Store Connect Workflow Google Play Console Workflow Phased Release & Rollback Compliance: ATT & Privacy Labels Store Rejection Playbook Store Incident Response Store Operations Best Practices Highlights Summary

Observability Basics Sentry for React Native Structured Logging On Device Analytics & Privacy Performance Monitoring OpenTelemetry on Mobile SLOs for Mobile Apps Observability Best Practices Highlights Summary

Ecosystem & Team

Essential Libraries Basics @tanstack/react-query zustand react-native-mmkv @shopify/flash-list react-native-reanimated & gesture-handler sentry-expo / @sentry/react-native Essential Libraries Best Practices Highlights Summary

Agent Skills Basics EAS Release Skill Expo Router Skill Native Module Skill Mobile Testing Skill SDK Upgrade Skill Incident Triage Skill Agent Skills Best Practices Highlights Summary

Git Basics for Mobile Teams GitHub Flow & Release Branches Interactive Rebase & Worktrees GitHub Actions Integration Git & GitHub Best Practices Highlights Summary

CLI Basics for RN xcrun simctl & iOS Simulators adb & Android Devices jq, rg & JSON Logs macOS & Linux CLI Best Practices Highlights Summary

Onboarding Basics First-Week Learning Path Codebase Tour Checklist Junior → Mid RN Leveling Pairing & Mob on Mobile Team & Onboarding Best Practices Highlights Summary

Tech-Lead Craft

Mobile Incident Basics Crash Spike Triage OTA Emergency Rollback Native Build Failure War Room Store Outage & Policy Incident Post-Mortem Template for Mobile Production Troubleshooting Best Practices Highlights Summary

Mobile Delivery Basics Feature Flags on Mobile Canary OTA & Blue-Green DORA Metrics for Mobile Release Checklist & Go/No-Go Enterprise Delivery Best Practices Highlights Summary

Tech Lead Basics on Mobile Architecture Decision Records Code Review Standards for RN Native vs JavaScript Trade-offs Mentoring Junior Mobile Devs Handling Technical Disagreements Technical Leadership Best Practices Highlights Summary

Product Collaboration Basics Platform Parity Decisions Estimation & Risk on Mobile Prioritizing Tech Debt vs Features Stakeholder Communication Working with Design & Motion Product Collaboration Best Practices Highlights Summary

Reference: B2C Expo SaaS App Reference: Offline-First Field App Reference: Fintech Mobile Client Before/After: Expo SDK Major Upgrade Before/After: React Navigation → Expo Router Performance Case Study: Feed at Scale Case Studies Best Practices Highlights Summary

Standards Basics Coding Standards & Style Guides Dependency & Supply-Chain Governance SDK Upgrade Policy Deprecation & End-of-Life Tracking Spikes, PoCs & New Architecture Career Growth: Senior → Lead → Staff Governance Best Practices Highlights Summary

Premium Content

This page is premium content, available to React Native SME paid plan members only.

View Plans Go back

© 2026 @csjcode|SystemsArchitect.io: Cloud Systems Tools|Terms

An independent, unofficial educational resource. Not affiliated with, endorsed, or sponsored by the brand/trademark maintainers/owners.

This site is in beta testing and may have inaccuracies or errors.

All code examples are generic for learning and for a dev/test environment only. No warranty is provided to users. See terms.

Search Documentation

Search across all documentation pages