React Native & Hybrid Apps

Module 1: Introduction to React Native

• Overview of React Native and hybrid app development
• React Native architecture: Bridge and JSI (new architecture)
• React Native vs. Flutter vs. Ionic
• Environment setup: Expo and React Native CLI
• React Native project structure

Module 2: React Native Core Components

• View, Text, Image, and ScrollView
• TextInput and TouchableOpacity
• FlatList and SectionList
• Modal and Alert
• Platform-specific components

Module 3: Styling in React Native

• StyleSheet API
• Flexbox layout in React Native
• Responsive design with Dimensions
• Styled-components in React Native
• Dark mode and theming

Module 4: React Native Navigation

• React Navigation v6 setup
• Stack, tab, and drawer navigators
• Passing params between screens
• Nested navigators
• Deep linking configuration

Module 5: State Management

• React hooks: useState, useEffect, useContext
• Redux Toolkit for global state
• Zustand for lightweight state
• React Query for server state
• Context API patterns

Module 6: Networking and APIs

• Fetch API and Axios for REST
• GraphQL with Apollo Client
• WebSocket for real-time features
• Offline-first with React Query cache
• API error handling patterns

Module 7: React Native Storage

• AsyncStorage for key-value data
• MMKV for high-performance storage
• SQLite with react-native-sqlite-storage
• Realm Database in React Native
• Secure storage for sensitive data

Module 8: Native Modules and APIs

• Camera and image picker
• Geolocation API
• Push notifications with Notifee
• Biometric authentication
• Writing custom native modules

Module 9: Hybrid App Development with Ionic

• Ionic framework overview
• Angular/React with Ionic
• Capacitor for native access
• Ionic UI components
• Deploying Ionic apps to stores

Module 10: React Native Performance

• JavaScript thread optimisation
• Hermes JavaScript engine
• React Native new architecture (Fabric, JSI)
• Image optimisation
• Flashlist for high-performance lists

Module 11: Testing and Deployment

• Jest for unit testing
• Detox for end-to-end testing
• Expo Application Services (EAS) build
• OTA updates with Expo Updates
• App Store and Play Store deployment

Module 12: Real-Time Projects and Case Studies

• Food delivery app with React Native
• Hybrid enterprise app with Ionic
• End-to-end React Native project
• Certification and interview preparation

Experience in the Industry Gain knowledge from experts with hands-on React Native and hybrid app development experience in consumer and enterprise mobile projects.

Backgrounds at the Top Prominent corporations such as Infosys, Wipro, Freshworks, and leading React Native product companies employ our trainers.

Clear & Effective Teaching Excellent communication and real-world examples simplify complex React Native architecture, navigation, and state management.

Hands-On Learning Focus Students apply skills by building real cross-platform apps using React Native, Redux, and Firebase from end to end.

Up-to-Date Knowledge Trainers stay current with React Native new architecture, Expo SDK, Hermes engine, and latest hybrid app development trends.