React Redux Hero- Build secured , scalable Web App !!

React & Redux Hero: Build secured , scalable Web App !!, available at $54.99, has an average rating of 4.5, with 140 lectures, 1 quizzes, based on 2 reviews, and has 1112 subscribers.

You will learn about Writing production grade frontend code Correct way of handling Authentication and Authorization on frontend Using advanced hooks and writing custom hooks in React Real world Usecases of Context API of React Improving your code structuring to make the application Scalable and Maintainable Performance handing / Debounce / Throttling / Optimistic updates / Caching Errors and edge case handling Most important: Thinking as a Senior developer This course is ideal for individuals who are Junior and Intermediate developers looking to advance their skills or Developers wanting to know what to take care when writing production code or Companies , who want to train developers to follow high programming standards or Developers who are interested in know how to further enhance performance of their projects It is particularly useful for Junior and Intermediate developers looking to advance their skills or Developers wanting to know what to take care when writing production code or Companies , who want to train developers to follow high programming standards or Developers who are interested in know how to further enhance performance of their projects.

Enroll now: React & Redux Hero: Build secured , scalable Web App !!

Summary

Title: React & Redux Hero: Build secured , scalable Web App !!

Price: $54.99

Average Rating: 4.5

Number of Lectures: 140

Number of Quizzes: 1

Number of Published Lectures: 140

Number of Curriculum Items: 141

Number of Published Curriculum Objects: 140

Number of Practice Tests: 1

Original Price: $27.99

Quality Status: approved

Status: Live

What You Will Learn

Writing production grade frontend code

Correct way of handling Authentication and Authorization on frontend

Using advanced hooks and writing custom hooks in React

Real world Usecases of Context API of React

Improving your code structuring to make the application Scalable and Maintainable

Performance handing / Debounce / Throttling / Optimistic updates / Caching

Errors and edge case handling

Most important: Thinking as a Senior developer

Who Should Attend

Junior and Intermediate developers looking to advance their skills

Developers wanting to know what to take care when writing production code

Companies , who want to train developers to follow high programming standards

Developers who are interested in know how to further enhance performance of their projects

Target Audiences

Junior and Intermediate developers looking to advance their skills

Developers wanting to know what to take care when writing production code

Companies , who want to train developers to follow high programming standards

Developers who are interested in know how to further enhance performance of their projects

Unlock the full potential of ReactJS and Redux with this comprehensive and hands-on course. Designed for intermediate to advanced developers, this course goes beyond the basics to equip you with the skills to build scalable, efficient, and secure React applications.We will be following a clear and organized path dealing with real-world use cases and developing solutions to handle them

The following are the key items that will be the point of focus in this course.

1. Coding Patterns for Efficiency: Discover powerful coding patterns and techniques that streamline your development workflow. Explore the latest advancements in React, including hooks, context, and functional components, to write cleaner, more efficient code.

2. Performance Optimizations: Learn how to optimize your React applications for speed and responsiveness. Delve into performance bottlenecks, use memoization techniques and implement lazy loading to create blazing-fast user experiences.

3. Authentication Implementation: Master the implementation of user authentication in React applications. Understand the intricacies of OAuth, JWT, and session-based authentication, and learn how to integrate them seamlessly into your projects.

4. Security Best Practices: Elevate your React applications to the highest standards of security. Explore common vulnerabilities and implement robust security measures, such as input validation, secure communication practices, and protecting against Cross-Site Scripting (XSS) and Cross-Site Request Forgery (CSRF) attacks.

Why Choose “Mastering React”?

Practical Hands-On Projects: Apply your knowledge through hands-on projects that simulate real-world scenarios, ensuring you gain practical experience.

Expert-Led Instruction: Benefit from the expertise of industry professionals who guide you through the intricacies of advanced React concepts and best practices.

Career-Ready Skills: Gain the skills and confidence to tackle complex React projects, making you stand out in the competitive field of web development.

Lifetime Access: Enjoy lifetime access to course materials, updates, and a supportive community of learners to keep your skills sharp and up-to-date.

Sample reviews of my other courses

Write stuff here

Course Curriculum

Chapter 1: Introduction

Lecture 1: How to use the Course

Lecture 2: Github Project Resource

Lecture 3: Download Github Project

Lecture 4: Design Principles – Components and Modularity

Lecture 5: Application Structure – Getting started to code

Lecture 6: Basic routing setup

Lecture 7: Navigating to sub routes and default routing

Chapter 2: Base Setup

Lecture 1: Creating the Sign-in component

Lecture 2: Add Sign-up page and background

Lecture 3: Programatic navigation and styling fixes

Lecture 4: Controlled and Un-Controlled components

Chapter 3: Redux

Lecture 1: Design Principle – State management

Lecture 2: Redux Getting Started

Lecture 3: Adding Redux store and creating Redux Slices

Lecture 4: Adding todo to Redux store , Redux devtools

Lecture 5: Add , Remove and Toggle Todos

Lecture 6: Using selectors in Redux , editing Todos

Lecture 7: Redux Forms , The basics

Lecture 8: Redux and React form setup

Lecture 9: Manage Signin via Redux form

Lecture 10: Css fixes on Signin

Lecture 11: Form validation , error handling

Lecture 12: Signup form link to Redux form

Lecture 13: Design Principle – Code Consistency

Lecture 14: Auth refactoring based on Code Consistency principle

Chapter 4: Property Listings

Lecture 1: Property Listing page starter

Lecture 2: Making the AppBar UI

Lecture 3: Adding category bar

Lecture 4: Adding property card component

Lecture 5: Adding FAB button to Property Listing

Lecture 6: Adding Language Selector

Lecture 7: Design Principle – Scalability and Code Infrastructure

Lecture 8: Modals Infrasturcture theory

Lecture 9: Modals infrastructure implementation – Part 1

Lecture 10: Modals infrastructure implementation – Part 2

Lecture 11: Adding Add Property UI Fields

Lecture 12: Adding Translations infra

Lecture 13: Switching between languages

Lecture 14: Placeholders in translations

Lecture 15: Error Boundary using Class components

Lecture 16: Using Error boundary library

Chapter 5: Backend Implementation

Lecture 1: Getting Backend started – MongoDB setup

Lecture 2: Importing sample data , connecting to DB

Lecture 3: Exploring the backend implementation

Lecture 4: Encrypting the password

Lecture 5: Standardize Backend Success response

Lecture 6: Standardize Backend Error Response

Chapter 6: RTK Query

Lecture 1: RTK Query introduction

Lecture 2: RTK query setup – Sign in

Lecture 3: Using RTK query in Sing in component

Lecture 4: Fixing backend – Cannot connect to DB

Lecture 5: Fixing errors when sending request to backend

Lecture 6: Solving CORS issues

Lecture 7: Hooking RTK query to Redux store

Lecture 8: Transforming server response , UI State handling

Lecture 9: Update to the Sign in logic on Backend

Lecture 10: Handling Sign in errors

Chapter 7: JWT Flows

Lecture 1: Understanding how JWT flow works

Lecture 2: JWT Signin implementation on Server

Lecture 3: Refresh tokens

Lecture 4: Adding refresh token to Sign in

Lecture 5: Validating the JWT token

Lecture 6: Adding route polices ( Middlewares )

Lecture 7: Capture User ID from JWT token

Lecture 8: Refresh token endpoint

Lecture 9: Restricting reuse of Refresh token

Lecture 10: Notification infra on React

Lecture 11: Adding Auth details to Redux User Slice

Lecture 12: Adding auth headers to Create property

Lecture 13: Fetching Property list on Frontend

Lecture 14: Reducer Path , rendering properties via API

Lecture 15: UI fixes on Property Listing

Lecture 16: Adding redux persist to save state

Chapter 8: Caching

Lecture 1: RTK Caching

Lecture 2: RTK Caching in action on Todo

Lecture 3: Conditional RTK Query , Editing toods

Lecture 4: Automatic fetch of RTK queries

Lecture 5: RTK Cache tags

Lecture 6: Invalidating cache by Todo ID

Lecture 7: Bug fix for updating Todos

Lecture 8: Pre-fetching queries using RTK

Lecture 9: Optimistic Update using RTK Cache

Lecture 10: Fixing ID while doing Optimistic Update

Lecture 11: Adding cache tags to Property app

Lecture 12: Redux persist blacklist

Lecture 13: UI Fixes , Redux persist fix

Lecture 14: Refresh token implementation in RTK

Lecture 15: Handling refresh token failure

Lecture 16: Navigating the user on Reauth failure

Lecture 17: Implementing Mutex for preventing multiple API calls

Chapter 9: Authorization

Lecture 1: Authorization architecture concept

Instructors

Gaurav Soni
Software Developer / Business Consultant / Trainer

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 1 votes

5 stars: 1 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!