Advanced Concepts in React Native Development Course

Lesson 1 • React Native Architecture Overview

Covers the bridge, JSI, and Fabric rendering pipeline. Connects architectural knowledge to performance decisions made throughout the course.

Lesson 2 • Project Structure and File Conventions

Defines scalable folder structures and naming conventions for large apps. Consistent structure reduces onboarding friction and supports modular growth.

Lesson 3 • Development Environment Configuration

Sets up Xcode, Android Studio, and CLI tooling for cross-platform builds. Proper setup prevents environment-related bugs in later chapters.

Lesson 1 • Zustand and Lightweight State Stores

Introduces Zustand as a minimal alternative for scoped global state. Students choose the right tool based on app complexity and team size.

Lesson 2 • Context API and Performance Pitfalls

Teaches Context for cross-component state sharing while avoiding unnecessary re-renders. Connects directly to global state decisions in larger apps.

Lesson 3 • Redux Toolkit Integration

Implements Redux Toolkit slices, thunks, and selectors in a React Native app. Provides a production-grade global state pattern for team environments.

Lesson 4 • React Hooks Deep Dive

Explores useState, useReducer, useRef, and custom hooks in depth. Solid hook knowledge is the prerequisite for all state management patterns ahead.

Lesson 1 • Deep Linking and Universal Links

Configures URL schemes and universal links to open specific app screens from external sources. Critical for marketing campaigns and push notification flows.

Lesson 2 • Authentication Flows and Protected Routes

Implements conditional navigation based on auth state using navigator switching. Connects state management knowledge to real-world access control patterns.

Lesson 3 • Tab and Drawer Navigation Patterns

Builds bottom tab and side drawer navigators with custom UI and badge support. Enables complex app shells used in production mobile apps.

Lesson 4 • Type-Safe Navigation with TypeScript

Defines typed route param lists and enforces navigation contracts at compile time. Prevents runtime routing errors in large codebases.

Lesson 1 • React Native Reanimated 3

Implements worklet-based animations running entirely on the UI thread. Achieves jank-free performance for complex gesture-driven interactions.

Lesson 2 • Lottie and SVG Animations

Integrates Lottie JSON animations and react-native-svg for vector graphics. Expands the animation toolkit beyond code-driven motion.

Lesson 3 • Gesture Handler Integration

Combines React Native Gesture Handler with Reanimated for swipe, pinch, and pan gestures. Enables native-feel interactions that match platform conventions.

Lesson 4 • Advanced StyleSheet Techniques

Covers dynamic theming, responsive units, and platform-specific style overrides. Establishes the styling foundation for animation and gesture work ahead.

Lesson 1 • Understanding the Native Module System

Explains the legacy bridge module system and its limitations before JSI. Provides context for why TurboModules were introduced and when each approach applies.

Lesson 2 • TurboModules and JSI Integration

Implements a TurboModule using the new architecture's C++ JSI layer for synchronous calls. Delivers measurable performance gains over bridge-based modules.

Lesson 3 • Writing Android Native Modules in Kotlin

Builds a Kotlin ReactContextBaseJavaModule and registers it in a package. Mirrors the iOS module chapter to ensure cross-platform feature parity.

Lesson 4 • Native UI Components and Fabric

Creates custom native view components rendered through the Fabric renderer. Enables embedding platform-native UI widgets not available as JavaScript components.

Lesson 1 • JavaScript Bundle Optimisation

Reduces bundle size through code splitting, tree shaking, and Hermes bytecode compilation. Smaller bundles improve startup time on all device tiers.

Lesson 2 • Profiling Tools and Metrics

Uses Flipper, Hermes profiler, and React DevTools to identify JS and render bottlenecks. Establishes a measurement-first mindset before applying any optimisation.

Lesson 3 • List Performance with FlatList and FlashList

Optimises large list rendering using FlatList props and the Shopify FlashList library. Directly addresses one of the most common performance pain points in mobile apps.

Lesson 4 • Memory Management and Leak Prevention

Identifies memory leaks from uncleared subscriptions, closures, and native allocations. Prevents app crashes and degraded performance over long sessions.

Lesson 1 • Error Monitoring and Crash Reporting

Integrates error boundary components and a crash reporting SDK for production visibility. Closes the feedback loop between deployment and issue resolution.

Lesson 2 • Component Testing with RNTL

Tests rendered components using React Native Testing Library queries and user events. Validates UI behaviour without relying on implementation details.

Lesson 3 • Unit Testing with Jest

Writes unit tests for hooks, utilities, and reducers using Jest and React Native Testing Library. Establishes the base testing layer for the full QA pyramid.

Lesson 4 • Debugging Techniques and Tools

Applies Flipper plugins, Chrome DevTools, and Reactotron for runtime debugging. Efficient debugging reduces mean time to resolution for production issues.

Lesson 1 • Over-the-Air Updates with CodePush

Deploys JavaScript bundle updates to production devices without store review cycles. Enables rapid hotfixes and A/B testing of UI changes.

Lesson 2 • Code Signing and Certificate Management

Manages iOS provisioning profiles and Android keystores for signed release builds. Correct signing is a prerequisite for every store submission step.

Lesson 3 • Automated Build Pipelines

Configures GitHub Actions or Bitrise workflows to build, test, and archive on every push. Automation eliminates manual build errors and accelerates release cadence.

Lesson 4 • Fastlane Automation for Store Submission

Uses Fastlane lanes to automate TestFlight uploads and Play Store deployments. Reduces submission time from hours to minutes with repeatable scripts.