Skip to content

Commit 2c70ca3

Browse files
authored
[ES] Update part6a.md
1 parent 30210df commit 2c70ca3

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

src/content/6/es/part6a.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,11 @@ Facebook desarrolló la arquitectura [Flux](https://facebook.github.io/flux/docs
1818

1919
Cuando una acción cambia el estado de un store, las vistas se vuelven a generar:
2020

21-
![](https://facebook.github.io/flux/img/overview/flux-simple-f8-diagram-1300w.png)
21+
![diagram action->dispatcher->store->view](../../images/6/flux1.png)
2222

2323
Si alguna acción en la aplicación, por ejemplo presionar un botón, provoca la necesidad de cambiar el estado, el cambio se realiza con una acción. Esto hace que vuelva a renderizar la vista:
2424

25-
![](https://facebook.github.io/flux/img/overview/flux-simple-f8-diagram-with-client-action-1300w.png)
25+
![same diagram as above but with action looping back](../../images/6/flux2.png)
2626

2727
Flux ofrece una forma estándar de cómo y dónde se mantiene el estado de la aplicación y cómo se modifica.
2828

@@ -118,7 +118,7 @@ const store = createStore(counterReducer)
118118
```
119119

120120

121-
El store ahora usa el reducer para manejar <i>acciones</i>, que son <i>dispatched</i> o 'envían' al store con su método de [dispatch](https://redux.js.org/api/store#dispatchaction)(envío).
121+
El store ahora usa el reducer para manejar <i>acciones</i>, que son <i>dispatched</i> o 'envíadas' al store con su método de [dispatch](https://redux.js.org/api/store#dispatchaction)(envío).
122122

123123
```js
124124
store.dispatch({type: 'INCREMENT'})
@@ -369,7 +369,7 @@ const noteReducer = (state = [], action) => {
369369
```
370370

371371

372-
El estado ahora es una Array. <i>NEW\_NOTE</i>- las acciones de tipo hacen que se agregue una nueva nota al estado con el método [push](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push).
372+
El estado ahora es una Array. Las acciones de tipo <i>NEW\_NOTE</i> hacen que se agregue una nueva nota al estado con el método [push](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push).
373373

374374

375375
La aplicación parece estar funcionando, pero el reducer que hemos declarado es malo. Rompe el [supuesto básico](https://github.com/reactjs/redux/blob/master/docs/basics/Reducers.md#handling-actions) del reducer Redux de que los reducers deben ser [funciones puras](https://en.wikipedia.org/wiki/Pure_function).
@@ -378,7 +378,7 @@ La aplicación parece estar funcionando, pero el reducer que hemos declarado es
378378
Las funciones puras son tales que <i>no causan ningún efecto secundario</i> y siempre deben devolver la misma respuesta cuando se invocan con los mismos parámetros.
379379

380380

381-
Agregamos una nueva nota al estado con el método _state.push(action.data)_ que <i>cambia</i> el estado del objeto de estado. Esto no esta permitido. El problema se resuelve fácilmente utilizando el método [concat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat), que crea un <i>nuevo array</i>, que contiene todos los elementos del array anterior y el nuevo elemento:
381+
Agregamos una nueva nota al estado con el método _state.push(action.data)_ que <i>cambia</i> el estado del objeto. Esto no está permitido. El problema se resuelve fácilmente utilizando el método [concat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat), que crea un <i>nuevo array</i>, que contiene todos los elementos del array anterior y el nuevo elemento:
382382

383383
```js
384384
const noteReducer = (state = [], action) => {
@@ -391,7 +391,7 @@ const noteReducer = (state = [], action) => {
391391
```
392392

393393

394-
Un estado reducer debe estar compuesto por objetos [inmutables](https://en.wikipedia.org/wiki/Immutable_object). Si hay un cambio en el estado, el objeto antiguo no se cambia, sino que se <i>reemplaza por un objeto nuevo modificado</i>. Esto es exactamente lo que hicimos con el nuevo reducer: el array anterior se reemplaza por la nueva.
394+
Un estado reducer debe estar compuesto por objetos [inmutables](https://en.wikipedia.org/wiki/Immutable_object). Si hay un cambio en el estado, el objeto antiguo no se cambia, sino que se <i>reemplaza por un objeto nuevo modificado</i>. Esto es exactamente lo que hicimos con el nuevo reducer: el array anterior se reemplaza por el nuevo.
395395

396396

397397
Ampliemos nuestro reducer para que pueda manejar el cambio de importancia de una nota:
@@ -734,7 +734,7 @@ En las pruebas, asegúrese de que el reducer sea una <i>función inmutable</i> c
734734
Comience expandiendo el reducer para que pasen ambas pruebas. Luego agregue el resto de las pruebas y finalmente la funcionalidad que están probando.
735735

736736

737-
Un buen modelo para el reducer es el ejemplo anterior de [redux-notas](/es/part6/flux_architecture_and_redux#pure-functions-immutable).
737+
Un buen modelo para el reducer es el ejemplo anterior de [redux-notas](/es/part6/flux_architecture_y_redux#redux-notas).
738738

739739

740740
#### 6.2: unicafe revisitado, paso 2
@@ -1241,7 +1241,7 @@ Implementar la funcionalidad para votar anécdotas. La cantidad de votos debe gu
12411241
Implementar la funcionalidad para agregar nuevas anécdotas.
12421242

12431243

1244-
Puede mantener el formulario no controlado, como hicimos [antes](es/part6/flux_architecture_and_redux#uncontrolled-form).
1244+
Puede mantener el formulario no controlado, como hicimos [antes](/es/part6/flux_architecture_y_redux#formulario-no-controlado).
12451245

12461246
#### 6.5*: anécdotas, paso 3
12471247

@@ -1251,7 +1251,7 @@ Asegúrese de que las anécdotas estén ordenadas por número de votos.
12511251
#### 6.6: anécdotas, paso 4
12521252

12531253

1254-
Si aún no lo ha hecho, separe la creación de objetos de acción en funciones de [creador de acciones](https://redux.js.org/basics/actions#action-creators) y colóquelos en el archivo <i>src/reducers/anecdoteReducer.js</i>, así que haga lo que hemos estado haciendo desde el capítulo [creadores de acciones](/es/part6/flux_architecture_and_redux#action-creators).
1254+
Si aún no lo ha hecho, separe la creación de objetos de acción en funciones de [creador de acciones](https://redux.js.org/basics/actions#action-creators) y colóquelos en el archivo <i>src/reducers/anecdoteReducer.js</i>, así que haga lo que hemos estado haciendo desde el capítulo [creadores de acciones](/es/part6/flux_architecture_y_redux#creadores-de-acciones).
12551255

12561256
#### 6.7: anécdotas, paso 5
12571257

0 commit comments

Comments
 (0)