technifyedWeekly list

Packt

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

via Coursera

Overview

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 15

  1. 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…

  2. 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…

  3. 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…

  4. 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…

  5. 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.

  6. 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…

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

  8. 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…

  9. 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.

  10. 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.

  11. 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.

  12. 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.

  13. 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.

  14. 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.

  15. 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.

Advantages and disadvantages

Advantages

  • Structured courses with graded quizzes, assignments and deadlines you can reset.
  • A shareable certificate from the university or company when you pay.
  • Financial aid is often approved for students in India (apply 15 days before you need it).
  • Covers niche tools that universities don't teach.
  • Self-paced: start any time.
  • A clear syllabus (15 parts) you can see before you start.
  • Hands-on: you build or practise, not just watch.

Disadvantages

  • Paid after a 7-day free trial (Coursera Plus or per course).
  • Some courses can be audited for free, but graded work and certificates need payment.
  • Many courses are produced quickly from slides and screen recordings; read the reviews first.

Some points apply to every course of this kind; see how we rank.

This course is paid. Here is how to take it for free

  • Free trials: You can start a 7-day free trial for many individual courses, Specializations, or a Coursera Plus subscription to test full course features. Cancel before the seventh day if you do not want to be charged.
  • Financial aid: If you cannot afford the fee for a certificate, you can apply for financial aid through the link on the course home page by filling out an application about your background and goals.

Taught by

  • Packt - Course Instructors

Packt is in Tier 5: mass-produced or unclear of our institution ranking (40/100). Thousands of courses turned out quickly; check reviews first.

Similar courses

Compare these

Massachusetts Institute of Technology

MIT 6.01SC Introduction to EECS I

Instructor: Dennis Freeman, Kendra Pugh This course provides an integrated introduction to electrical engineering and computer science, including modern software engineering, linear systems analysis, electronic circuits, and decision-making. The lecture videos provide an overview of each topic, whi…

  • Free video
  • 27 videos, 17 hours

Stanford University

CS329A Self-Improving AI Agents

This playlist contains video recordings of Stanford's graduate-level CS329A course. It covers the latest techniques and applications of AI agents that can continuously improve themselves through interaction with themselves and the environment. The lecture recordings start with self-improvement tech…

  • Free video
  • 9 videos, 11 hours

Harvard University

Fundamentals of TinyML

4.567 ratings

Focusing on the basics of machine learning and embedded systems, such as smartphones, this course will introduce you to the “language” of TinyML.

  • Free to audit
  • 5 weeks, 2 - 4 hours per week

Harvard University

Introduction to Data Science with Python

4.3174 ratings

Learn the concepts and techniques that make up the foundation of data science and machine learning.

  • Free to audit
  • 8 weeks, 3 - 5 hours per week

Harvard University

CS50's Introduction to Computer Science

An introduction to the intellectual enterprises of computer science and the art of programming.

  • Free to audit
  • 12 weeks, 5 - 14 hours per week

Harvard University

Data Science: Building Machine Learning Models

4.4133 ratings

Build a movie recommendation system and learn the science behind one of the most popular and successful data science techniques.

  • Free to audit
  • 8 weeks, 2 - 3 hours per week