Prerequisites:
○ Understanding variables, data types, and basic operators
○ Knowledge of control structures (if statements, loops)
○ Functions and scope in JavaScript
○ Components and props
○ State and lifecycle
○ JSX syntax
○ Basic Git commands (clone, commit, push, pull)
○ Familiarity with GitHub or GitLab
What You Will Learn:
○ Understanding of mobile app development concepts
○ Proficiency in React Native fundamentals and its ecosystem
○ Ability to set up a development environment using Expo
○ Creation and styling of React Native components
○ Implementation of navigation in React Native apps
○ Working with APIs and managing data using React Hooks
○ Mastery of animations and their implementation
○ Offline support, caching, and push notifications integration
○ Testing, debugging, and deployment strategies
○ Hands-on experience in building a complete React Native app
○ Performance optimization techniques for better user experience ○ Exploration of advanced Expo features and over-the-air updates ● Problem-Solving and Troubleshooting Skills:
○ Debugging common issues in React Native development
○ Identifying and resolving performance bottlenecks
○ Refinement of a real-world project to showcase learned concepts ○ Understanding the deployment process and publishing apps to app stores
Trainer:
Ratul Bhowmick
Chief Technology Officer, Diligite Ltd.
Senior Software Engineer, Programming Hero
React Native App Development with Expo:
| Module | Topics Covered | Duration |
| Module 1: Introduction to Mobile App Development & React Native | -Overview of mobile app development -landscape,
-Importance of cross-platform development |
2 hours |
| Module 2: Setting Up the Development Environment & Expo Basics | -Installing Node.js and npm,
-Setting up React Native CLI, -Introduction to Expo and its advantages |
2 hours |
| Module 3: React Native Components and Styling | -Exploring React Native components, -Styling components with Flexbox, -Handling user input with forms | 2 hours |
| Module 4: Navigation in React Native
Module 5: Working with APIs and Data |
-Introduction to React Navigation, -Setting up stack and tab navigation
-Making API calls with Axios, -Managing state with React Hooks, -Handling data in React Native apps |
2 hours
2 hours |
| Module 6: State
Management in React Native |
-Overview of state management options (Redux, Context API),
-Implementing state management in a React Native app |
2 hours |
Advanced Topics in React Native:
| Module | Topics Covered Duration |
| Module 1: Animations in React Native & Offline
Support and Caching |
-Understanding Animated API,
4 hours -Creating smooth animations in React Native apps, -Implementing offline support in React Native, -Using caching strategies for better performance |
| Module 2: Push
Notifications |
-Integrating push notifications in React
2 hours Native apps, -Setting up Firebase for push notifications |
| Module 3: Testing and
Debugging |
-Introduction to testing frameworks
2 hours (Jest), -Debugging techniques in React Native |
| Module 4: Deployment and Publishing | -Preparing the app for deployment,
2 hours -Publishing the app to app stores |
| Module 5: Building a
Complete React Native App |
-Guided hands-on project development,
8 hours -Incorporating learned concepts into a practical project, -Identifying and resolving performance bottlenecks, -Code splitting and lazy loading |
| Module 6: Advanced Expo Features
Module 7: Project Refinement and Q&A |
-Using Expo modules for enhanced
5 hours functionality, -Expo over-the-air updates -Reviewing and refining the project, 5 hours -Addressing common challenges and questions |
Course Summary :
| Subject Comments |
| React Native App Development with Expo 12 hours |
| Advanced Topics in React Native 28 hours |
