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. Master advanced state management in React using Redux and React Query. Learn how to integrate Redux with React, manage state efficiently with Redux Toolkit, and handle asynchronous data fetching with React Query. This course covers Redux slices, mutations, and caching, along with real-world applications like TravelOPedia, ProjectOPedia, and a restaurant website to reinforce your skills. You’ll dive into advanced topics like API requests, routing, and creating dynamic, user-friendly features. By the end, you’ll be equipped to manage state in large-scale React apps and handle complex features such as user authentication, payment systems, and API integration. Designed for intermediate developers familiar with React, this course helps you enhance your state management skills and build scalable applications. By the end, you’ll be able to manage state with Redux, perform data fetching with React Query, and implement dynamic features like authentication and payments.

Syllabus

ReduxOPedia - Redux and React

In this module, we will guide you through the process of integrating Redux into your React applications. You'll learn how to set up a Redux store, create reducers, and dispatch actions to manage application state. By the end of this section, you will be well-versed in using Redux to manage complex state in React applications.

TravelOPedia - Redux Toolkit, Query, Mutations, and Slice

In this module, we will focus on using Redux Toolkit and RTK Query to manage asynchronous operations in a React application. You’ll learn how to set up slices, make API calls, and implement queries and mutations. By the end of this section, you'll have a strong understanding of handling data fetching, caching, and mutations in your React apps using Redux Toolkit.

ProjectOPedia

In this module, you will create ProjectOPedia, a dynamic portfolio page where you can showcase your course projects. You'll learn how to map through your project list, dynamically render project cards, and implement routing for project details. This section will enhance your React skills while building a portfolio-worthy project.

.NET API - Basic Setup

In this module, we will guide you through setting up the basic structure of a .NET API, including creating the project, configuring the database, and implementing essential functionality. You'll also learn how to work with Azure storage for file handling and set up migrations for your database schema, preparing the foundation for more advanced features in the API.

.NET API - Menu Item

This module focuses on building the menu item functionality for your .NET API. You will learn how to create, update, and delete menu items, and implement API endpoints for these actions. By the end of this section, you’ll have the skills to manage menu items effectively and ensure proper API response handling.

.NET API - Authentication and Authorization

In this module, you will learn how to secure your .NET API by implementing authentication and authorization using JWT tokens. We will guide you through the process of setting up login and register endpoints, as well as securing resources to ensure that only authorized users can access protected routes.

.NET API - Shopping Cart and Order

In this module, you will implement shopping cart and order management features in your .NET API. You will learn to add items to the cart, place orders, and manage order details. This section also covers integrating Stripe for secure payment processing, ensuring your application supports a complete e-commerce workflow.

Red Mango - Homepage

In this module, we will walk you through creating a homepage for the Red Mango website using TypeScript and Bootstrap. You'll learn how to structure your project, fetch data for dynamic content, and implement reusable components that enhance the user experience. This section will give you hands-on experience in building a visually appealing and functional homepage.

Set Up Redux and RTK

In this module, we will teach you how to set up Redux and RTK (Redux Toolkit) in your restaurant website project. You’ll learn how to fetch menu items, display them dynamically, and manage data with Redux. This section will help you efficiently manage state and API data to create a responsive, real-time restaurant website.