Learn React 18 with Redux Toolkit – Full Tutorial for Beginners

Embark on a comprehensive 14-hour tutorial designed for beginners to master React 18 and Redux Toolkit. Dive into the world of this popular front-end JavaScript library, learning to build user interfaces based on components. Start with the basics of setup and folder structure, then progress through key concepts such as JSX, components, props, and state management. Explore essential hooks like useState, useEffect, and useRef, while also covering advanced topics including the Context API, useReducer, and performance optimization. Gain hands-on experience with practical challenges, form handling, and deployment strategies. Conclude with an in-depth look at Redux Toolkit for efficient state management in larger applications. Access provided source code repositories to follow along and reinforce your learning throughout this extensive, beginner-friendly course.

⌨️ Setup
⌨️ Folder Structure
⌨️ First Component
⌨️ Extensions and settings.json
⌨️ JSX
⌨️ Nest Components
⌨️ Booklist
⌨️ CSS
⌨️ Images
⌨️ JSX - CSS
⌨️ JSX - Javascript
⌨️ Props
⌨️ Props - Somewhat Dynamic Setup
⌨️ Access Props - Multiple Approaches
⌨️ Children Prop
⌨️ Simple List
⌨️ Proper List
⌨️ Key Prop
⌨️ Props - Options
⌨️ Events
⌨️ Form Submission
⌨️ Mind Grenade
⌨️ Component Feature
⌨️ React Data Flow
⌨️ Challenge
⌨️ ES6 Modules
⌨️ Local Images src folder
⌨️ More Challenges
⌨️ Deployment
⌨️ useState Hook
⌨️ useEffect Hook
⌨️ Multiple Returns
⌨️ Folder Structure
⌨️ Forms
⌨️ useRef Hook
⌨️ Custom Hooks
⌨️ Context API
⌨️ useReducer Hook
⌨️ Performance
⌨️ Redux Toolkit