Course Duration: 12 Weeks

What you'll learn

Build and deploy a fully functional, production-ready React native mobile application, and Equip learners with the skills to contribute to or lead React projects confidently.

Introduction to React Native

• Overview of React Native
• Advantages of Cross-Platform Development
• React Native Ecosystem

Setting Up the Development Environment

• Installing Node.js, npm, and Yarn
• Setting up Android Studio and Xcode
• Installing Expo CLI
• Verifying the Environment Setup

Core Concepts of React Native

• Components: Functional and Class Components
• JSX: Syntax and Usage
• State and Props
• Lifecycle Methods and Hooks

Building Your First App

• Initializing a React Native Project
• Understanding the Project Structure
• Creating and Styling Components
• Running the App on Emulator and Device

Styling in React Native

• Inline Styles and StyleSheet API
• Flexbox for Layout
• Theming with Libraries (e.g., react-native-paper, styled-components)
• Managing Fonts and Images

Navigation in React Native

• Installing and Configuring React Navigation
• Stack Navigation
• Tab Navigation
• Drawer Navigation
• Passing Data Between Screens

State Management

• Using Context API
• Managing Global State with Redux
• Redux Toolkit
• Using AsyncStorage for Persistent Data

API Integration and Networking

• Fetching Data with Fetch API
• Working with Axios
• Handling Authentication and Authorization
• Error Handling and Loading States

Animations in React Native

• Using the Animated API
• LayoutAnimation and Interaction
• Third-Party Libraries for Animation (e.g., react-native-reanimated)

Debugging and Testing

• Debugging with React Native Debugger and Chrome DevTools
• Unit Testing with Jest
• End-to-End Testing with Detox

Deployment

• Preparing for Deployment on iOS and Android
• Generating Release Builds
• Publishing on App Store and Google Play
• Using Expo EAS for Deployment

Advanced Topics

• Native Modules and Bridging
• Performance Optimization Techniques
• Offline Data and Caching
• Deep Linking and Push Notifications