React - The Complete Guide (Includes Hooks, React Router, and Redux) - Second Edition

Starting with an introduction to React concepts, you will progress through javascript refresher modules to solidify your knowledge base before tackling React essentials such as components, JSX, and state management. Each section builds on the previous one, ensuring a structured learning path.


You'll delve into practical applications, creating dynamic user interfaces and single-page applications using React Router. The course also covers state management in depth with Redux and the Context API, equipping you with the skills to handle complex application states efficiently. Beyond functional programming, you'll explore class-based components to understand different approaches within React. From setting up your development environment to deploying robust applications, you'll acquire actionable skills that are immediately applicable in professional settings. This course also emphasizes best practices in coding and application architecture, preparing you to write clean and efficient code.

Additionally, learn to manage side effects with Hooks, use Redux for state management across large applications, and optimize React apps for performance. By the end of this course, you will have an in-depth understanding of React and its ecosystem, ready to tackle any challenges in modern web development.

What you will learn
• Implement fundamental React concepts and set up development environments
• Build and manage complex component hierarchies with advanced React patterns
• Utilize React Router for multi-page SPAs and manage application state with Redux
• Deploy React applications and integrate with backend technologies
• Create reusable components and manage side effects with Hooks
• Optimize React performance and master asynchronous operations
• Handle user input and forms efficiently with robust validation methods



Chapter 01 Getting Started
Chapter 02 javascript Refresher
Chapter 03 React Essentials - Components, JSX, Props, State & More
Chapter 04 React Essentials - Deep Dive
Chapter 05 React Essentials - Practice Project
Chapter 06 Styling React Components
Chapter 07 Debugging React Apps
Chapter 08 Working with Refs & Portals
Chapter 09 Practice Project Project Management App (with Components, State, Refs & More)
Chapter 10 React's Context API & useReducer - Advanced State Management
Chapter 11 Handling Side Effects & Using useEffect
Chapter 12 Practice Project Building a Quiz App
Chapter 13 A Look Behind The Scenes Of React & Optimization Techniques
Chapter 14 An Alternative Way Of Building Components Class-based Components
Chapter 15 Sending Http Requests (e.g. Connecting to a Database)
Chapter 16 Building Custom React Hooks
Chapter 17 Working with Forms & User Input
Chapter 18 Practice Project
Chapter 19 Diving into Redux
Chapter 20 Advanced Redux
Chapter 21 Building a Multi-Page SPA with React Router
Chapter 22 Adding Authentication To React Apps
Chapter 23 Deploying React Apps
Chapter 24 React Query Tanstack Query Handling HTTP Requests With Ease
Chapter 25 A Introduction to NextJS - App Router
Chapter 26 A Introduction to Next.js - Pages Router
Chapter 27 Animating React Apps with Framer Motion
Chapter 28 React Patterns & Best Practices
Chapter 29 Testing React Apps
Chapter 30 React & TypeScript
Chapter 31 Optional React Hooks Introduction and Summary
Chapter 32 Optional React Summary and Core Feature Walkthrough
Chapter 33 Course Roundup


More info