React Native Training

30-Day React Native Course Syllabus Week 1: Foundations of React Native (Days 1-7)

Start with the basics of React Native, environment setup, and core concepts to build your first mobile app.

• Day 1: Introduction to React Native, installing Expo CLI and React Native CLI
• Day 2: Creating first app, understanding App.js structure, JSX basics
• Day 3: Core components: View, Text, Image, ScrollView
• Day 4: Styling with StyleSheet, Flexbox layout fundamentals
• Day 5: Navigation basics using React Navigation (stack navigator)
• Day 6: Handling user input: TextInput, TouchableOpacity, buttons
• Day 7: Practice project: Build a simple to-do list app

Week 2: State Management and Lists (Days 8-14)

Learn to manage app state and render dynamic lists, essential for real-world apps.

• Day 8: useState and useEffect hooks introduction
• Day 9: FlatList and SectionList for efficient rendering
• Day 10: Advanced navigation: Tab navigator, drawer navigator
• Day 11: Context API for global state management
• Day 12: Custom hooks creation and reusability
• Day 13: Forms handling with Formik and validation
• Day 14: Practice project: Shopping list app with categories

Week 3: Data and APIs (Days 15-21)

Integrate external data sources and handle asynchronous operations.

• Day 15: Fetch API, Axios for HTTP requests
• Day 16: Error handling, loading states, and refresh control
• Day 17: AsyncStorage for local data persistence
• Day 18: Redux basics: store, actions, reducers
• Day 19: Redux Toolkit and RTK Query for API management
• Day 20: Animations with Animated API and Reanimated
• Day 21: Practice project: Weather app with API integration

Week 4: Advanced Topics and Deployment (Days 22-30)

Polish skills with performance optimization, testing, and app deployment.

• Day 22: Performance optimization: memo, useCallback, useMemo
• Day 23: Native modules and linking third-party libraries
• Day 24: Camera, permissions, and device APIs (Expo modules)
• Day 25: Push notifications and background tasks
• Day 26: Unit testing with Jest, React Native Testing Library
• Day 27: Debugging tools: Flipper, React DevTools
• Day 28: Building for production: APK/IPA generation
• Day 29: App Store deployment process (Google Play/App Store)
• Day 30: Capstone project: Full-featured expense tracker app with charts and persistence

Note: Daily practice includes 2-3 hours coding, reviewing docs, and building mini-features. Use Expo for faster iteration.