Official documentation

• How to Learn React — A roadmap from beginner to advanced
• Learn React
• React - API reference
• React Router
• Getting Started with Redux
• Getting Started with React Redux
• Getting Started with Redux Toolkit
• vitejs - create react project

Books

• The Road To Learn React: Your Journey To Master Plain Yet Pragmatic React.Js - Robin
• React Key Concepts: An in-depth guide to React's core features - Maximilian Schwarzmüller
• React 18 Design Patterns and Best Practices - Fourth Edition: Design, build, and deploy production-ready web applications with React by leveraging industry-best practices - Carlos Santana Rold

Videos

• The Beginner's Guide to React - Kent C. Dodds
• React - The Complete Guide 2024 (incl. React Router & Redux) - Maximilian
• Modern React with Redux [2024 Update] - Stephen Grider
• The Ultimate React Course 2024: React, Next.js, Redux & More - Jonas Schmedtmann
• Redux Tutorial - Learn Redux from Scratch - Mosh
• Fundamentals of Redux Course from Dan Abramov
• React, NodeJS, Express & MongoDB - The MERN Fullstack Guide - Maximilian
• Full Stack: React and Java Spring Boot - The Developer Guide - Chad Durby & Eric Roby

Articles, Blogs, Tutorials, Github

• React Tutorial - w3schools
• "react" posts - Dmitri Pavlutin
• 90+ React Projects with Source Code [2024]
• 15 Stunning React JS Projects for Beginners in 2024 [Source Code]
• The Easy Way to Use Redux Toolkit in React - theme setting
• How to Use Redux and Redux Toolkit – Tutorial for Beginners - todo list
• Redux-Toolkit example with CRUD Application
• ReactJS Examples
• ReactJS Advanced Guides Complete Reference

Important topics

Components

• Data Binding in React - Josh W. Comeau

State, Props

• ReactJS State: SetState, Props and State Explained - State vs Props
• What Is "Lifting State Up" in React?

Virtual DOM

• Understanding Virtual DOM in React

Rendering

• Understand How Rendering Works in React - Ifeoma Imoh
• Why React Re-Renders - Josh W. Comeau

Hooks

• How to Use React Hooks – useEffect, useState, and useContext Code Examples
• React useRef() Hook Explained in 3 Steps
• A Simple Explanation of React.useEffect()
• The React useEffect Hook for Absolute Beginners
• Introduction to the New React useEffectEvent Hook
• A React useCallback Hook Primer
• Understanding useMemo and useCallback - Josh W. Comeau
• When to useMemo and useCallback - Kent C. Dodds
• What's the Difference Between the useMemo and useCallback Hooks? - Kunal Nalawade

Prop Drilling & Context API

• What is prop drilling and how to avoid it ?
• How to Use the React Context API in Your Projects
• React Context API: What is it and How it works?

Redux

• Redux Fundamentals, Part 1: Redux Overview (look at the diagram somewhere below in the page)
• Redux Toolkit Setup Tutorial
• Choosing Between Context API and Redux in React: A Practical Guide

Lifecycle methods

Interview preparation

• 40 ReactJS Advanced Interview Questions: Get Hired in 2024
• reactjs-interview-questions
• 30 ReactJS Coding Interview Questions for Beginner, Mid-Level and Expert Developers
• 45 advanced React.js interview questions
• React Interview Questions and Answers
• React Redux Interview Questions And Answers
• Redux Interview Questions

Create react projects

• Create React App
• Vite

Useful commands to set up project with redux toolkit

• npm create vite@latest your-project-name -- --template react
• cd your-project-name
• npm install
• npm install @reduxjs/toolkit react-redux
• npm install @reduxjs/toolkit react-redux --legacy-peer-deps [In case of any errors, try this. Refer: https://stackoverflow.com/questions/66020820/npm-when-to-use-force-and-legacy-peer-deps]