Get Started

Prerequisites

  • Basic programming knowledge (variables, loops, functions)
  • JavaScript ES6+ (arrow functions, async/await, destructuring)
  • HTML & CSS basics
  • React fundamentals (components, props, state, hooks)
  • Git & GitHub (version control)

Module 1: Introduction to React Native & Expo

  • What is React Native?
  • Native vs Hybrid vs Cross-Platform
  • Why use Expo?
  • Installing Node.js and Expo CLI
  • Using Expo Go on mobile devices
  • Creating your first project

Module 2: React Native Basics

  • Core Components: View, Text, Image, ScrollView, SafeAreaView
  • Styling with StyleSheet
  • Flexbox layout
  • Buttons: Button, Pressable, TouchableOpacity
  • Inputs with TextInput
  • Loading UI: ActivityIndicator

Module 3: State, Props & Events

  • useState hook
  • Passing props
  • Handling events (e.g., onPress, onChangeText)
  • Building reusable components

Module 4: Navigation with React Navigation

  • Installing and setting up @react-navigation
  • Stack Navigator
  • Bottom Tabs Navigator
  • Drawer Navigator
  • Passing data between screens
  • Hooks: useNavigation, useRoute

Module 5: Advanced Components & APIs

  • FlatList and SectionList
  • Modal and Alert
  • TouchableOpacity vs Pressable
  • Customizing StatusBar
  • KeyboardAvoidingView

Module 6: API Integration & Networking

  • fetch() and Axios
  • useEffect for data fetching
  • Displaying data in FlatList
  • Error handling

Module 7: Expo Modules & Native APIs

  • expo-camera
  • expo-location
  • expo-image-picker
  • expo-media-library
  • Permissions and handling user prompts

Module 8: State Management

  • Props drilling vs Context
  • Using useContext

Module 9: Storage & Persistence

  • AsyncStorage
  • SecureStore
  • Token storage best practices

Module 10: Authentication

  • Email/password authentication
  • JWT Token-based login
  • Auth flow: Login → Protected screens → Logout

Module 11: Testing & Debugging

  • Debugging with Expo tools
  • Using Chrome/React Native Debugger
  • Error handling and boundaries

Module 12: App Deployment & Optimization

  • app.json configuration
  • EAS Build setup
  • Creating production builds
  • Publishing to App Store & Google Play

Tools & Libraries Used

  • Expo CLI
  • React Navigation
  • Axios
  • AsyncStorage