Mastering Redux

For Non-Indian customers, click the button below

Buy Using Paypal

For Indian customers, click the link below to pay using Netbanking/UPI

Buy This Course

Learn More: https://master-redux.yogeshchavan.dev/

Master Redux by Building a Food Ordering App

Learn:

Redux from absolute beginning
Basic and advanced concepts of Redux
How to use react-redux library
How to use multiple reducers to manage complex redux state
How to debug Redux application
Build a food ordering app using Redux from scratch with amazing UI
How to manage inventory of products using Strapi CMS
Accessing data added in Strapi CMS using REST API
How to use redux-thunk library to handle async API calls
How to build product page, shopping cart and checkout functionality
Store and manage images using Cloudinary
How to integrate stripe for accepting payments
How to use MongoDB for storing user and order details
How to deploy the app to production

Course website: https://master-redux.yogeshchavan.dev/

Testimonials

Introduction

Who Is This Course For?

Is Redux Still Worth Learning?

Read This Before Starting The Course

Food Ordering App

Steps to Run the Application

food-delivery-app.zip

food_images.zip

JavaScript Basics You Need to Learn Before Learning Redux

Before learning Redux, you need to know some of the JavaScript methods that are heavily used when working with Redux.

This is because these methods do not change the original array but they return a new modified array which is very important to achieve immutability.

You also need to know how to use rest and spread operator and how to work with arrow functions.

So let's understand these concepts which will help you to better understand Redux.

You can skip this section If you're already aware of these concepts.

Array map method

Array find method

Array findIndex method

Array filter method

Array every method

Array some method

Array reduce method

Array Rest operator

Array Spread operator

Object Rest operator

Object Spread operator

Arrow Functions

ES6 Import and Export Syntax

ES6 Destructuring

ES6 Promises

Async/await

Optional Chaining Operator

Why Redux?

Need of Using Redux

What is Redux?

Let's Begin

Getting Started with Redux

How to Change the Store

Primitive and Reference Types

Creating Immutable Objects

Creating Immutable Arrays

What Is a Reducer?

Using react-redux Library

Need of react-redux Library

Create Contact Manager App

Using react-redux Library

Display Added Contacts on The Lists Page

Adding Remove Contact Functionality

Using Constants for Action Types

Installing and Configuring Redux Devtools

Redux Middleware

How to Create A Middleware

Introduction to redux-thunk Middleware

Creating Random Users Generator App

Need of Multiple Reducers

Creating Products Listing App

Initial Project Setup

Creating Initial Pages

Creating Redux Store

Displaying List of Categories

Accessing List of Products

Updating Redux Devtools Configuration

Displaying Products on Category Change

Adding Loading Indication

products-listing-app.zip

Creating Food Ordering App

Initial Project Setup

Creating Initial Pages

Understanding the Code

Static Data Setup

Setting Up Redux

Displaying List of Categories

Loading And Error Indications for API Calls

Code Refactoring

Displaying List of Products

Creating Wrapper Layout

Exploring the Code

Displaying Toppings for Pizza Category

How Toppings Code Works

Implementing Add to Cart Functionality

Exploring the Code

Add to Cart for Non-Pizza Category

Persisting Cart Data using Local Storage

Adding Increment and Decrement Quantity Functionality

Creating Shopping Cart Page

Creating Checkout Page

Setting up Node.js Server

Setup MongoDB Atlas Account

Creating Stripe Account and API Keys Setup

Coding Backend for Stripe Payment Processing

Integrating Stripe Checkout in React application

Adding Progress Indication

Setup SendGrid Account for Sending Email

Create SendGrid API Key

Setting up Stripe Webhook for Sending Email

Sending Order Email

Code Changes for Deploying the App To Production

Deploying the Application To Production

How to Deploy the Application To Production - Video Tutorials

Setup to do Before Deployment - Must Watch

Deploying App To Production

Creating And Deploying Strapi CMS Project

Introduction

strapi_steps.md

What's Next

Useful Resources

React Router 6 Video Course

Course Certificate

Your Course Completion Certificate

Get All Current + Future Courses & Ebooks

At Just $99 / ₹7920 ($𝟭92 / ₹15360)

⌛️Limited Time Offer⌛️

Mastering Redux

For Indian customers, click the link below to pay using Netbanking/UPI

Master Redux by Building a Food Ordering App

Testimonials

Contents

Introduction

Food Ordering App

JavaScript Basics You Need to Learn Before Learning Redux

Why Redux?

Let's Begin

Using react-redux Library

Redux Middleware

Creating Products Listing App

Creating Food Ordering App

How to Deploy the Application To Production - Video Tutorials

Creating And Deploying Strapi CMS Project

What's Next

Course Certificate