स्टेट नॉर्मलाइजेशन क्या है?

Question

Accepted Answer

**नॉर्मलाइजेशन** का मतलब डेटा को एक फ्लैट, संबंधपरक संरचना में संग्रहित करना है — लुकअप टेबल में **id** से कुंजीबद्ध — गहरे नेस्टेड ऑब्जेक्ट्स/सरणियों के बजाय। यह डेटाबेस नॉर्मलाइजेशन के समान विचार है, जो क्लाइंट स्थिति पर लागू होता है, और यह अपडेट और लुकअप को कुशल और सामंजस्यपूर्ण बनाता है।

## नेस्टेड/डीनॉर्मलाइज्ड स्थिति की समस्या

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

डुप्लिकेट किए गए नेस्टेड डेटा को कई जगहों पर अपडेट करना चाहिए (असंगति का जोखिम), और आइटम ढूंढने का मतलब सरणियों को स्कैन करना है (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 में) में **संबंधपरक/संग्रह डेटा** प्रबंधित करने का मानक पैटर्न है।

यह प्रत्येक इकाई के लिए एकल सत्य स्रोत को लागू करता है (एक बार अपडेट करें, हर जगह दिखाई दें), तेज़ id-आधारित लुकअप देता है, और गहरे नेस्टेड, डुप्लिकेट डेटा के बग्स और प्रदर्शन समस्याओं से बचता है।

संबंधित इकाइयों (उपयोगकर्ताओं, पोस्ट्स, टिप्पणियों) की सूचियों वाले ऐप्स के लिए जो अपडेट होते हैं और क्रॉस-संदर्भित होते हैं, स्टोर को नॉर्मलाइज करना — अक्सर `createEntityAdapter` के माध्यम से — स्थिति को सामंजस्यपूर्ण और कुशल रखने के लिए एक महत्वपूर्ण तकनीक है।