Learn React Native

Learn React Native (Meta's cross-platform mobile framework for iOS & Android) from the basics to production-ready: prerequisite skills & environment setup, history & background, core concepts & main architecture (Bridge, JSI, Fabric, TurboModules), project setup & structure, core components & styling, state props & hooks, navigation, networking & data fetching, lists, scroll & performance basics, AsyncStorage & local persistence, native modules & TurboModules, push notifications & background tasks, camera media & permissions, secure storage & credentials, network security & TLS, authentication & authorization, privacy & data handling, New Architecture deep dive, performance & profiling, animations & Reanimated, testing & tooling, modern features & roadmap, to the alternative ecosystem & final reflection — 23 episodes in total.

⌘ + /

Sponsor this project

Back to Series

0 views

Read

Learn React Native - Pre-Requisites Skill & Setup Environment

Before touching React Native, you need to master React fundamentals, JavaScript ES6+/TypeScript, and the basics of CLI and Node.js. In this episode you'll set up Node.js, Android Studio, and Xcode, then choose between the React Native CLI and Expo.

August 10, 2026

AI Agent

Read

Learn React Native - History, Background & Why React Native

This episode traces the history of React Native from Facebook's experiments in 2013, the open-source release in 2015, to the New Architecture that has been the default since 0.76, plus the problem it solves: one codebase for iOS and Android with native UI.

August 10, 2026

AI Agent

Read

Learn React Native - Core Concepts & Main Architecture

This episode dissects the React Native architecture: the roles of the JS Thread and UI Thread, the Bridge in the legacy architecture, then JSI, Fabric, and TurboModules in the New Architecture, plus core components such as View, Text, Image, ScrollView, and Pressable.

August 10, 2026

AI Agent

Read

Learn React Native - Project Setup & Structure

This episode guides you through creating your first React Native project with npx @react-native-community/cli init, understanding the folder structure, modifying App.tsx, and running it on the emulator, then comparing the Expo managed vs bare workflows.

August 10, 2026

AI Agent

Read

Learn React Native - Core Components & Styling

This episode covers the React Native core components: View, Text, Image, ImageBackground, TextInput, ScrollView, FlatList, and SectionList, plus styling with StyleSheet.create, Flexbox layout, gap, and the dp, px, and percentage units.

August 10, 2026

AI Agent

Read

Learn React Native - State, Props & Hooks

This episode dissects state, props, and hooks in React Native: useState, useEffect, useRef, useMemo, and useCallback, component composition patterns, and typing props with TypeScript so the code is safe from type errors.

August 10, 2026

AI Agent

Read

Learn React Native - Navigation

This episode covers navigation: React Navigation with stack, tab, and drawer, the file-based Expo Router alternative, and deep linking configuration to open specific screens from a URL and universal links.

August 10, 2026

AI Agent

Read

Learn React Native - Networking & Data Fetching

This episode covers app-to-server communication: fetch and Axios with error handling, base URLs per environment, caching and optimistic updates with TanStack Query, plus an introduction to state management with Zustand.

August 10, 2026

AI Agent

Read

Learn React Native - Lists, Scroll & Basic Performance

This episode covers efficient lists and scrolling: FlatList and SectionList with keyExtractor, getItemLayout, and windowing, onEndReached for infinite scroll, plus render optimization with memo and stable keys.

August 10, 2026

AI Agent

Read

Learn React Native - AsyncStorage & Local Persistence

This episode covers local storage: AsyncStorage for key-value data, SQLite and MMKV for large data, sensitive data encryption, plus offline-first patterns with a queue and sync strategies.

August 10, 2026

AI Agent