En este ejercicio, aprenderás cómo instalar Redux Toolkit y sus dependencias requeridas en un nuevo proyecto de React.

Requisitos previos

Antes de continuar, asegúrate de tener instalado Node.js y NPM en tu computadora. Puedes verificar esto comprobando sus versiones. Si ves los números de versión, puedes continuar con la tarea. Si no, consulta la documentación oficial de Node.js para instalarlos en tu equipo.

node -v
npm -v

Tarea

Paso 1: Crear un nuevo proyecto de React

Abre tu terminal. Crea un nuevo proyecto de React utilizando Create React App. Ejecuta el siguiente comando:

npx create-react-app my-redux-app

Navega al directorio de tu proyecto:

cd my-redux-app

Paso 2: Instalar Redux Toolkit y dependencias

En el directorio de tu proyecto, ejecuta el siguiente comando para instalar Redux Toolkit:

npm install @reduxjs/toolkit

Redux Toolkit puede requerir dependencias adicionales. Instálalas utilizando el siguiente comando:

npm install react-redux

Paso 3: Verificar la instalación

1. Abre tu editor de código y navega al directorio del proyecto de tu aplicación React;
2. Verifica el archivo package.json en el directorio raíz para asegurarte de que las dependencias necesarias estén listadas;
3. Deberías ver las entradas para @reduxjs/toolkit y react-redux en la sección dependencies.

Paso 4: Iniciar el servidor de desarrollo

1. Regresa a tu terminal;
2. Inicia el servidor de desarrollo ejecutando:

npm start

Abre tu navegador web y ve a http://localhost:3000. Deberías ver tu aplicación React en funcionamiento.