Duration: 2–5 Days
Goal: Build real mobile apps with practical skills, fast.
Day 1: Introduction & Setup
-
Overview of React Native and its architecture
-
Difference between React Native, native apps, and hybrid apps
-
Tooling: Expo vs React Native CLI
-
Setting up the development environment
-
Creating and running the first project
-
Understanding basic components: View, Text, StyleSheet
Day 2: UI Design & Component Logic
-
Using Flexbox for layout
-
Styling components: margins, padding, borders, fonts, colors
-
Creating custom components
-
Props and component composition
-
Managing state using hooks
-
Handling user input with form elements
Day 3: Navigation & Multi-Screen Structure
-
Concept of navigation in mobile apps
-
Stack navigation: switching between screens
-
Passing data between screens
-
Introduction to Tab and Drawer navigation
-
Navigation UI and best practices
Day 4: Data & Lists
-
Understanding lifecycle and effects
-
Fetching data from APIs
-
Storing and using dynamic data
-
Displaying data with FlatList and ScrollView
-
List optimization and unique keys
-
Loading indicators and empty state handling
Day 5: Final Touches & Deployment
-
Working with assets and images
-
Adding and loading custom fonts
-
Introduction to device features (camera, location, notifications)
-
Building the project for Android and iOS
-
Overview of publishing apps to Play Store and App Store
-
Final project recap and deployment
Bonus Topics (Optional)
-
Debugging and performance optimization
-
Offline storage with AsyncStorage or SQLite