- Introduction 30 minutes
In this module, we will introduce you to the React Native ecosystem and its core concepts. You’ll compare native and hybrid development approaches, and discover how React Native fits into the picture. You’ll also learn about Expo CLI for faster prototyping, and create your first project to get hand…
- Core Components 2.5 hours
In this module, we will dive deep into the essential React Native components such as View, Text, Image, and Button. You’ll also explore various ways of managing styling, state, and user interactions. By the end of this section, you will have hands-on experience implementing these components in real…
- Navigation 1.5 hours
In this module, we will cover the core navigation patterns such as stack, tab, and drawer navigators. You’ll also explore advanced concepts like file-based routing and configuring layouts. By the end of this section, you’ll have a comprehensive understanding of how to create a smooth navigation exp…
- Error Handling 55 minutes
In this module, we will explore error handling in React Native, including both local and global error management. You’ll learn how to handle exceptions effectively using try-catch blocks, error boundaries, and even API error management to keep your app running smoothly. The section will also cover…
- Platform Modules 35 minutes
In this module, we will explore how to leverage platform-specific modules and rendering to build apps that run seamlessly on both iOS and Android. You will also learn how to apply platform-specific styling and use extensions to customize behaviors based on the device.
- HTTP Request & Firebase CRUD Operation 1 hour
In this module, we will cover how to make HTTP requests using Fetch API, and integrate Firebase for real-time data storage and CRUD operations. You’ll also learn how to validate user input and dynamically fetch data from a server. This section ensures you can effectively interact with APIs and mana…
- HTTP with Axios 40 minutes
In this module, we will focus on using Axios for HTTP requests, which provides a cleaner and more efficient way to interact with APIs. You’ll learn to handle different HTTP methods such as GET, POST, PATCH, and DELETE, and implement error handling to improve your app’s reliability.
- User Interface (UI) 55 minutes
In this module, we will explore how to design responsive and flexible user interfaces using Flexbox. You will learn to build layouts with headers, content areas, and footers, and refine your UI with alignment properties. By the end of this section, you will have the skills to create modern, user-fr…
- Gesture Handling 50 minutes
In this module, we will explore how to handle a variety of gestures in React Native, from simple taps and presses to more advanced pan and pinch gestures. You’ll also learn how to combine multiple gestures to create interactive user experiences that feel natural and responsive.
- Camera/ImagePicker 1 hour
In this module, we will dive into using the camera and image picker in React Native. You’ll learn how to capture and display images, manage permissions on both iOS and Android, and implement multiple image selection features to enhance your app’s media capabilities.
- Push Notification 1.5 hours
In this module, we will cover how to set up and manage push notifications in React Native. You’ll learn to handle both local and remote notifications, customize notification channels for Android, and trigger actions when users interact with notifications.
- React Native App Without Expo 55 minutes
In this module, we will focus on building React Native apps without Expo, using the React Native CLI. You’ll learn how to set up projects, understand the project structure, and explore alternative app creation methods to have full control over your development environment.
- Location/Map 1 hour
In this module, we will explore how to implement location-based features in your React Native app. You’ll learn how to fetch the user’s current location, integrate maps, and enable location selection on the map to enhance your app’s functionality.
- Building E-Commerce Application 3.5 hours
In this module, we will build a fully functional e-commerce application from scratch. You’ll learn how to design product listings, implement search and filtering, manage the shopping cart using React’s Context API, and integrate secure payment processing with Stripe.
- Integrating Stripe Payment Gateway 1.5 hours
In this module, we will guide you through integrating Stripe as your payment gateway, allowing you to process payments securely in your app. You will learn how to set up Payment Intent APIs and implement Stripe’s PaymentSheet and Checkout API for a smooth payment experience.