Τι είναι η κανονικοποίηση κατάστασης;

Question

Accepted Answer

**Κανονικοποίηση** σημαίνει αποθήκευση δεδομένων σε μια επίπεδη, σχεσιακή δομή — με κλειδί το **id** σε πίνακες αναζήτησης — αντί για βαθιά ένθετα αντικείμενα/arrays. Είναι η ίδια ιδέα με την κανονικοποίηση βάσης δεδομένων, εφαρμοσμένη στην κατάσταση του πελάτη, και κάνει τις ενημερώσεις και τις αναζητήσεις αποτελεσματικές και συνεπείς.

## Το πρόβλημα με την ένθετη/μη κανονικοποιημένη κατάσταση

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

Τα διπλοποιημένα ένθετα δεδομένα πρέπει να ενημερωθούν σε πολλά μέρη (κίνδυνος ασυνέπειας), και η εύρεση ενός στοιχείου σημαίνει σάρωση arrays (O(n)).

## Το κανονικοποιημένο σχήμα

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

Κάθε οντότητα αποθηκεύεται μία φορά, με κλειδί το id· οι σχέσεις είναι απλώς αναφορές id.

## Τα πλεονεκτήματα

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

## Εργαλεία

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

## Γιατί είναι σημαντικό

Η κανονικοποίηση είναι το τυπικό μοτίβο για τη διαχείριση **σχεσιακών/συλλογών δεδομένων** στην κατάσταση του πελάτη (ιδιαίτερα στο Redux).

Επιβάλλει single-source-of-truth ανά οντότητα (ενημέρωση μία φορά, ανακλάται παντού), παρέχει γρήγορες αναζητήσεις βάσει id και αποφεύγει τα bugs και τα προβλήματα απόδοσης των βαθιά ένθετων, διπλοποιημένων δεδομένων.

Για εφαρμογές με λίστες σχετικών οντοτήτων (χρήστες, δημοσιεύσεις, σχόλια) που ενημερώνονται και αναφέρονται διασταυρούμενα, η κανονικοποίηση του store — συχνά μέσω `createEntityAdapter` — είναι μια βασική τεχνική για τη διατήρηση της κατάστασης συνεπούς και αποτελεσματικής.