Learn React 18 with Redux Toolkit – Full Tutorial for Beginners

Overview

This course aims to teach beginners how to use React version 18 and Redux Toolkit. By the end of the course, students will be able to build user interfaces using React components and manage state using Redux Toolkit. The course covers topics such as setting up a React project, working with components, handling props, using hooks like useState and useEffect, and integrating Redux Toolkit for state management. The teaching method includes hands-on coding sessions and practical challenges. This course is intended for individuals who are new to React and want to learn how to build interactive web applications.

Syllabus

⌨️ 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