X'inhu normalizazzjoni tal-istati?

Question

Accepted Answer

**Normalizazzjoni** tfisser li ż-żarri tad-dejta f'struttura ċatta u relazzjonali — maqfula b'**id** f'tabelli ta' tfittxija — minflok objetti/arrays li huma agħmel ħafif. Hija l-istess idea bħal normalizazzjoni tad-database, applikata għall-istat tal-client, u tħalliha l-aġġornamenti u t-tfittxija efficienti u konsistenti.

## Il-problema ma' stat agħmel ħafif/denormalizat

```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
```

Id-dejta agħmel ħafif duplikata rrid tiġi aġġornata f'ħafna postijiet (riskju ta' inkonsisteenza), u l-esibiċ ta' element jfisser li sskannajar arrays (O(n)).

## Il-forma normalizzata

```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
  },
}
```

Kull entità titħalla mgarfra darba, maqfula b'id; ir-relazzjonijiet huma biss referenzi ta' id.

## Il-benefiċċji

```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
```

## L-għodod

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

## Għaliex hija importanti

Normalizazzjoni hija l-mudell standard għall-imdirezzjoni tad-dejta **relazzjonali/ta' kollezzjoni** fl-istat tal-client (speċjalment f'Redux).

Hi tissallifhat single-source-of-truth għal kull entità (aġġorna darba, riflettiċi kullimkien), tagħti tfittxija veloċi bbażata fuq id, u tevita l-bugs u l-problemi ta' prestazzjoni tad-dejta agħmel ħafif u duplikata.

Għall-applikazzjonijiet bi listi ta' entitajiet relatati (users, posts, comments) li jiġu aġġornati u cross-referenzjati, normalizazzjoni tal-ħżin — ħafna drabi permezz ta' `createEntityAdapter` — hija teknika ewlenija biex iżżommu l-istat konsistenti u effiċjenti.