Skip to content

Commit 54650e0

Browse files
authored
Merge pull request #2520 from Juanescacha/source
side note missing about use of createStore
2 parents 9fc04bb + f64e474 commit 54650e0

File tree

1 file changed

+28
-0
lines changed

1 file changed

+28
-0
lines changed

src/content/6/es/part6a.md

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -260,6 +260,28 @@ Hay algunas cosas notables en el código. <i>App</i> muestra el valor del contad
260260
Cuando se cambia el estado del store, React no puede volver a rerenderizar automáticamente la aplicación. Por lo tanto, hemos registrado una función _renderApp_ , que renderiza toda la aplicación, para escuchar cambios en el store con el método _store.subscribe_. Tenga en cuenta que tenemos que invocar inmediatamente al método _renderApp_ . Sin la invocación, la primera representación de la aplicación nunca se produciría.
261261

262262

263+
### Una nota sobre el uso de createStore
264+
265+
Los más observadores notarán que el nombre de la función createStore está subrayado. Si pasa el mouse sobre el nombre, aparecerá una explicación
266+
267+
![](../../images/6/30new.png)
268+
269+
La explicacion completa es la siguiente:
270+
271+
><i>Recomendamos utilizar el método configureStore del paquete @reduxjs/toolkit, que reemplaza a createStore.</i>
272+
>
273+
><i>Redux Toolkit es nuestro enfoque recomendado para escribir la lógica de Redux hoy, incluida la configuración de store, reducers, la obtención de datos y más.</i>
274+
>
275+
><i>Para obtener más detalles, lea esta página de documentos de Redux: https://redux.js.org/introduction/why-rtk-is-redux-today</i>
276+
>
277+
><i>configureStore de Redux Toolkit es una versión mejorada de createStore que simplifica la configuración y ayuda a evitar errores comunes.</i>
278+
>
279+
><i>No debería usar el paquete principal de redux por sí solo hoy en día, excepto con fines de aprendizaje. El método createStore del paquete core de redux no se eliminará, pero alentamos a todos los usuarios a migrar al uso de Redux Toolkit para todo el código de Redux.</i>
280+
281+
Entonces, en lugar de la función <i>createStore</i>, se recomienda usar la función un poco más "avanzada" <i>configureStore</i>, y también la usaremos cuando nos hayamos hecho cargo de la funcionalidad básica de Redux.
282+
283+
Nota adicional: <i>createStore</i> se define como "obsoleto", lo que generalmente significa que la función se eliminará en alguna versión más nueva de la biblioteca. La explicación anterior y la discusión de [este](https://stackoverflow.com/questions/71944111/redux-createstore-is-deprecated-cannot-get-state-from-getstate-in-redux-ac) revelan que <i> createStore</i> no se eliminará y se le ha dado el estado <i>obsoleto</i>, quizás por motivos ligeramente incorrectos. Por lo tanto, la función no está obsoleta, pero hoy en día existe una forma nueva y preferible de hacer casi lo mismo.
284+
263285
### Redux-notas
264286

265287

@@ -329,6 +351,8 @@ Ahora las acciones tienen un tipo y un campo <i>data</i>, que contiene la nota a
329351
}
330352
```
331353

354+
La eleccion del nombre del campo es arbitraria. La convención es que las acciones tengan exactamente dos campos, <i>type</i> diciendo el tipo y <i>payload</i> conteniendo la información incluida en la acción.
355+
332356
### Funciones puras, inmutables
333357

334358
La función inicial del reducer es sencilla:
@@ -716,6 +740,10 @@ Un buen modelo para el reducer es el ejemplo anterior de [redux-notas](/es/part6
716740
#### 6.2: unicafe revisitado, paso 2
717741
Ahora implemente la funcionalidad real de la aplicación.
718742

743+
Tu aplicación puede tener una apariencia modesta, nada más se necesitan 3 botones y el número de calificaciones para cada tipo:
744+
745+
![](../../images/6/50new.png)
746+
719747
</div>
720748

721749
<div class="content">

0 commit comments

Comments
 (0)