Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →
Instalación
Redux Toolkit
Redux Toolkit incluye el núcleo de Redux, así como otros paquetes esenciales que consideramos fundamentales para construir aplicaciones Redux (como Redux Thunk y Reselect).
Está disponible como paquete en NPM para usar con un empaquetador de módulos o en una aplicación Node:
# NPM
npm install @reduxjs/toolkit
# Yarn
yarn add @reduxjs/toolkit
El paquete incluye una compilación ESM precompilada que puede usarse como una etiqueta <script type="module"> directamente en el navegador.
Paquetes complementarios
React-Redux
Es muy probable que también necesites los bindings de react-redux para usar con React
npm install react-redux
Ten en cuenta que, a diferencia de Redux, muchos paquetes del ecosistema Redux no proporcionan builds UMD, por lo que recomendamos usar empaquetadores de módulos como Vite y Webpack para una experiencia de desarrollo más cómoda.
Extensión Redux DevTools
El configureStore de Redux Toolkit configura automáticamente la integración con las Redux DevTools. Deberás instalar las extensiones del navegador para ver el estado del store y las acciones:
- Extensión Redux DevTools:
Si estás usando React, también querrás la extensión React DevTools:
- Extensión React DevTools:
Crear una aplicación React Redux
La forma recomendada de iniciar nuevas aplicaciones con React y Redux es usando nuestra plantilla oficial Redux+TS para Vite, o creando un nuevo proyecto Next.js usando la plantilla with-redux de Next.
Ambas opciones ya tienen Redux Toolkit y React-Redux configurados apropiadamente para su herramienta de construcción, e incluyen una pequeña aplicación de ejemplo que demuestra varias características de Redux Toolkit.
# Vite with our Redux+TS template
# (using the `degit` tool to clone and extract the template)
npx degit reduxjs/redux-templates/packages/vite-template-redux my-app
# Next.js using the `with-redux` template
npx create-next-app --example with-redux my-app
Actualmente no tenemos plantillas oficiales para React Native, pero recomendamos estas plantillas para React Native estándar y para Expo:
Núcleo de Redux
Para instalar únicamente el paquete principal redux:
# NPM
npm install redux
# Yarn
yarn add redux
Si no usas un empaquetador, puedes acceder a estos archivos en unpkg, descargarlos o apuntar tu gestor de paquetes hacia ellos.