Learn React 18 with Redux Toolkit – Full Tutorial for Beginners

By freeCodeCamp.org
Published: Mar 15, 2023

“
Learn how to use React version 18 and Redux Toolkit in this full course for beginners. React is a free and open-source front-end JavaScript library for building user interfaces based on components.

Course created by @CodingAddict

Source Code
React Tutorial: https://github.com/john-smilga/react-course-v3
Redux Toolkit: https://github.com/john-smilga/redux-toolkit-tutorial

Contents
• (00:00:00) Setup
• (0:30:33) Folder Structure
• (0:42:58) First Component
• (0:53:25) Extensions and settings.json
• (1:06:09) JSX
• (1:20:21) Nest Components
• (1:26:35) Booklist
• (1:36:57) CSS
• (1:47:31) Images
• (1:55:31) JSX – CSS
• (2:02:17) JSX – Javascript
• (2:08:44) Props
• (2:18:33) Props – Somewhat Dynamic Setup
• (2:23:00) Access Props – Multiple Approaches
• (2:27:44) Children Prop
• (2:35:12) Simple List
• (2:43:48) Proper List
• (2:51:12) Key Prop
• (2:57:20) Props – Options
• (3:02:56) Events
• (3:21:51) Form Submission
• (3:25:35) Mind Grenade
• (3:28:55) Component Feature
• (3:34:00) React Data Flow
• (3:39:42) Challenge
• (3:48:51) ES6 Modules
• (3:58:40) Local Images (src folder)
• (4:04:25) More Challenges
• (4:13:20) Deployment
• (4:18:43) useState Hook
• (5:48:19) useEffect Hook
• (6:19:29) Multiple Returns
• (7:28:02) Folder Structure
• (8:27:07) Forms
• (9:27:53) useRef Hook
• (9:50:10) Custom Hooks
• (10:06:20) Context API
• (10:43:01) useReducer Hook
• (11:26:39) Performance
• (12:11:45) Redux Toolkit

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

[READ MORE]

”