---
# System prepended metadata

title: Redux en react

---

# Redux en react
Dentro de react lo primero que debmos hacer en crear una correcta estrucutra de archivos para poder tener un orden , la estrucura basica usando redux , es la siguiente 
![](https://i.imgur.com/m8GpuzL.png)
## Actions
Es donde se almacenaran las acciones con las que  redux podra manipular  el ***state***  
Dentro de actins se recomienda tener sub-carpetas con el nombre de cada typo de acciones de cada reducer 
![](https://i.imgur.com/LZT1t5F.png)

## components
Son las pequeñas partes de un  modulo , estas se pueden usar dentro de las rutas , pero para saber mas acerca de la correcta estructura en general  lee [esto](https://hackmd.io/DfetdmtzT0WgfQGcKBp3TA)

## Redux
![](https://i.imgur.com/lo9uX65.png)

Dentro de redux encontraremos nuestro store , el caul se encargara de mantener todos nuestros states  globales  en un mismo luga, tambien dentro del cual podremos encontrar otras configuraciones , como pueden ser un logger o los middlewares
### index.tsx
Dentro de este archivo encontraremos todos nuestros reducers , es donde todos los que tenemos se hacen un solo reducer
### Sub carpetas
Dentro de estas sub-carpetas es donde vamos a tener cada reducer , ya que podemos tener mas de 1 reducer por proyecto , se recomienda poner el nombre del reducer como nombre de folder, 
### .state y .reducer
Estos archivos necesitan  mutuamente, ya que el .state es el state inical  que pasaremos a nuestros reducers, dentro del . reducer es donde evaluaremos a las acciones y donde procederemos a alterar a nuestro state

## types
aqui es donde encontraremos nuestros action.types
es el valor que tomara nuestro reducer para evaluar las condicones 
