¿Qué es la normalización de estado?

Question

Accepted Answer

**Normalización** significa almacenar datos en una estructura plana y relacional — indexada por **id** en tablas de búsqueda — en lugar de objetos/arrays profundamente anidados. Es la misma idea que la normalización de bases de datos, aplicada al estado del cliente, y hace que las actualizaciones y búsquedas sean eficientes y consistentes.

## El problema con el estado anidado/desnormalizado

```js
// ❌ nested & duplicated — the same user appears in multiple posts
posts: [
  { id: 1, title: "A", author: { id: 10, name: "Ann" } },
  { id: 2, title: "B", author: { id: 10, name: "Ann" } }, // Ann duplicated
]
// To rename Ann, you must find and update EVERY copy → easy to miss one (drift)
// To find post #2, you must scan the array
```

Los datos anidados duplicados deben actualizarse en muchos lugares (riesgo de inconsistencia), y encontrar un elemento significa escanear arrays (O(n)).

## La forma normalizada

```js
// ✅ flat lookup tables keyed by id, with references by id
{
  posts: {
    byId: { 1: { id: 1, title: "A", authorId: 10 },   // reference the author by id
            2: { id: 2, title: "B", authorId: 10 } },
    allIds: [1, 2],                                     // order/iteration
  },
  users: {
    byId: { 10: { id: 10, name: "Ann" } },             // each user stored ONCE
  },
}
```

Cada entidad se almacena una sola vez, indexada por id; las relaciones son solo referencias de id.

## Los beneficios

```js
state.users.byId[10];                        // ✅ O(1) lookup by id
state.users.byId[10] = { ...u, name: "Bob" }; // ✅ update Ann ONCE → reflected everywhere
state.posts.allIds.map(id => state.posts.byId[id]); // iterate via the id list
```

```text
✓ Single source of truth per entity → no duplication, no drift
✓ O(1) lookups/updates by id (vs scanning arrays)
✓ Easy to update one entity and have all references reflect it
✓ Simpler to manage relationships and merge new data
```

## Herramientas

```text
Redux Toolkit's createEntityAdapter generates normalized { ids, entities }
structures + CRUD reducers automatically. normalizr can normalize API responses.
```

## Por qué es importante

La normalización es el patrón estándar para gestionar **datos relacionales/de colecciones** en el estado del cliente (especialmente en Redux).

Aplica una single-source-of-truth por entidad (actualiza una vez, se refleja en todas partes), proporciona búsquedas rápidas basadas en id, y evita los errores y problemas de rendimiento de datos profundamente anidados y duplicados.

Para aplicaciones con listas de entidades relacionadas (usuarios, publicaciones, comentarios) que se actualizan y se hacen referencias cruzadas, normalizar el store — a menudo mediante `createEntityAdapter` — es una técnica clave para mantener el estado consistente y eficiente.