Contenido del Curso

State Management with Redux Toolkit in React

1. Getting Started with Redux Toolkit

What You Will Learn in This Course Introduction to State Management Understanding Redux Toolkit Installing Redux Toolkit Creating Your First React Redux Toolkit Project Challenge: Installing Redux Toolkit Additional Software

2. Applying Redux Toolkit in React

What Awaits Understanding the Project Code and File Structure Creating the Redux Store Integrating the Redux Store Into the React App Inspecting the Store in the React App Understanding Actions and Action Creators Understanding the Role of Reducers Inspecting Actions and Reducers in Redux Connecting Redux with React Components Completing the App

3. Redux Toolkit Challenge Workshop

Overview of the Challenge Challenge Guidelines and Rules Challenge: Setting Up the Redux Store Challenge: Creating Redux Actions Challenge: Implementing the Reducer Challenge: Connecting Redux with React Redux Toolkit Summary

Creating Your First React Redux Toolkit Project

If you're starting a new project with Create React App and want to set up Redux Toolkit, you can use the --template redux flag during project creation:

npx create-react-app my-redux-app --template redux

This will create a new React application with Redux Toolkit already configured.

We have the same list of installed libraries in dependencies in package.json, but the whole app already has predefined store, actions, and reducer.

"dependencies": {
  "@reduxjs/toolkit": "^1.9.7",
  "@testing-library/jest-dom": "^5.17.0",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^14.5.1",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-redux": "^8.1.3",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

We won't inspect all predefined tools here. We'll create our own in the future for more understanding and customization.

Remember that we have two options to introduce the React Redux library into our React app.

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 1. Capítulo 5

Pregunte a AI

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla