Mobile App Development – React Native Navigation & State Management

Should have done Level 1 to follow this! 

What you'll learn

• Implement multi-screen navigation in mobile apps
• Use stack, tab, and drawer navigation patterns
• Pass data between screens efficiently
• Manage global app state using modern tools
• Persist data locally for better user experience
• Build scalable and structured mobile applications

This course includes:

• 1 Mini Project (E-commerce App Flow)
• 12–16 Hours Live Classes
• Online / Onsite (Physical)
• Navigation & State Templates
• Practice Exercises
• Certificate of Completion

Course Content

Navigation Basics

• Introduction to React Navigation
• Installing @react-navigation/native
• Stack Navigator:

• createNativeStackNavigator
  • Navigation Hooks: 
• useNavigation 
• useRoute
  • Passing parameters between screens 

Advanced Navigation (Tabs & Drawer)

• Bottom Tab Navigation
• Drawer Navigation
• Nesting Navigators (Stack + Tabs + Drawer)
• Customizing Headers and Screen Options
• Building complex navigation structures

State Management

• Why state management is needed
• Using Redux Toolkit
• Creating slices and store
• Dispatching actions & accessing state
• Alternative: Context API
• Local Persistence using AsyncStorage
• Managing:

• Cart state 
• User authentication state 

Mini Project (Real-World Practice)

Project: Multi-Screen E-commerce App Flow

Features:

• Product listing screen
• Product detail screen
• Add to cart functionality
• Cart screen with selected items
• Navigation between screens
• State management using Redux or Context
• Persistent cart data

Requirements

• Completion of Module 1
• Basic React knowledge (hooks, components)
• JavaScript ES6 understanding

Description

This module focuses on building real mobile applications with multiple screens and shared data. Students will learn how to structure apps using navigation and manage global state effectively.

By the end of this module, learners will be able to create scalable React Native applications with proper navigation and state management.

Why Choose This Course?

• Real-world app architecture
• Industry-standard tools
• Scalable app design
• Cross-screen data handling

Activities During Class

• Building navigation flows
• Managing global state
• Passing data between screens
• Creating multi-screen apps
• Developing mini applications

Who Is This Course For?

• React Native developers building real apps
• Students moving beyond UI basics
• Developers learning app architecture

Course Highlights

• React Navigation
• Stack / Tab / Drawer Navigation
• Redux Toolkit / Context API
• AsyncStorage
• Mini Project