React Native - Complete Guide + E-Commerce + Interview Q&A

Packt via Coursera

Go to class Write review

Details

Go to class

Provider

Coursera
Pricing

Paid Course
Languages

English
Certificate

Certificate Available
Effort

16 hours
Sessions

Self-Paced
Level

Intermediate
Subtitles

English

Found in

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off

One annual plan covers every course and certificate on Coursera. 40% off for a limited time.

Get Full Access

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. This comprehensive guide to React Native is perfect for anyone looking to master mobile development using this powerful framework. You will build everything from core components to advanced topics like Firebase CRUD operations, HTTP with Axios, and integrating Stripe for payments, while enhancing your skills for real-world applications. Along the way, you will create a fully functional E-Commerce app and learn essential tools to succeed in interviews. The course begins with an introduction to React Native, guiding you through the basics of project setup, structure, and running apps on Android and iOS. You will progress into understanding core components, state management, and navigation in React Native, followed by real-world examples such as building an Address Book app. The course continues with modules on error handling, platform-specific modules, and HTTP requests with Firebase. The course is ideal for developers looking to expand their skills and build mobile apps with React Native, particularly those interested in creating E-Commerce applications. No prior experience with React Native is required, but familiarity with JavaScript will be beneficial. The course caters to all levels, making it suitable for both beginners and intermediate learners. By the end of the course, you will be able to design and develop React Native applications, manage app states and components effectively, implement complex navigation patterns, and integrate third-party services like Firebase and Stripe for backend functionality and payments.

Syllabus

Introduction

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 hands-on experience.

Core Components

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-world applications.

Navigation

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 experience in your React Native app.

Error Handling

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 ways to provide users with helpful error messages.

Platform Modules

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

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 manage backend services.

HTTP with Axios

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)

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-friendly interfaces.

Gesture Handling

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

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

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

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

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

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

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.