review changes

Author: Brijen Makwana

src/content/learn/choosing-the-state-structure.md

@@ -377,7 +377,7 @@ function Message({ initialColor }) {
 
 ## State में डुप्लिकेशन से बचें {/*avoid-duplication-in-state*/}
 
-यह मेनू लिस्ट कौम्पोनॅन्ट आपको कई में से एक यात्रा नाश्ता चुनने देता है:
+यह मेनू लिस्ट कौम्पोनॅन्ट आपको कई यात्रा के नास्ते में से एक यात्रा नाश्ता चुनने देता है:
 
 <Sandpack>
 
@@ -422,9 +422,9 @@ button { margin-top: 10px; }
 
 </Sandpack>
 
-वर्तमान में, यह सिलेक्टेड आइटम को `selectedItem` state वेरिएबल में एक ऑब्जेक्ट के रूप में संग्रहीत करता है। हालाँकि, यह बहुत अच्छा नहीं है: **`selectedItem` में शामिल कंटेंट `items` के भीतर से एक आइटम के समान ऑब्जेक्ट है।** इसका मतलब है कि item के बारे में जानकारी दो जगहों पर डुप्लिकेट है।
+अभी, यह सिलेक्टेड आइटम को `selectedItem` state वेरिएबल में एक ऑब्जेक्ट के रूप में रखता है। हालाँकि, यह बहुत अच्छा नहीं है: **`selectedItem` में शामिल कंटेंट `items` में से एक आइटम के समान ऑब्जेक्ट है।** इसका मतलब है कि आइटम के बारे में जानकारी दो जगहों पर डुप्लिकेट है।
 
-यह समस्या क्यों है? आइए प्रत्येक item को एडिटेबल बनाएं:
+यह समस्या क्यों है? आइए हर एक item को एडिटेबल बनाएं:
 
 <Sandpack>
 
@@ -487,9 +487,9 @@ button { margin-top: 10px; }
 
 </Sandpack>
 
-इटम पर "Choose" पर क्लिक करते हैं और फिर उसे *एडिट* करते हैं, **इनपुट अपडेट होता है लेकिन नीचे का लेबल एडिट को रिफ्लेक्ट नहीं करता है।** ऐसा इसलिए है क्योंकि आपके पास डुप्लिकेट state है, और आप `selectedItem` को अपडेट करना भूल गए हैं।
+ध्यान दें की कैसे जब आप पहले आइटम के "Choose" पर क्लिक करते हैं और फिर उसे *एडिट* करते हैं, **इनपुट अपडेट होता है लेकिन नीचे का लेबल एडिट को रिफ्लेक्ट नहीं करता है।** ऐसा इसलिए है क्योंकि आपके पास डुप्लिकेट state है, और आप `selectedItem` को अपडेट करना भूल गए हैं।
 
-पर आप `selectedItem` को इसमें अपडेट कर सकते हैं, डुप्लिकेट को निकालना आसान हल है. इस उदाहरण में, एक `selectedItem` ऑब्जेक्ट के बजाय (जो `items` के अंदर ऑब्जेक्ट्स के साथ डुप्लिकेशंस बनाता है), आप state में `selectedId` रखते हैं, और *फिर* किसी item के लिए `items` array खोजकर `selectedItem` प्राप्त करते हैं उस ID के साथ:
+हालाँकि आप `selectedItem` को भी अपडेट कर सकते हैं, लेकिन डुप्लीकेशन को निकालना आसान हल होगा। इस उदाहरण में, एक `selectedItem` ऑब्जेक्ट के बजाय (जो `items` के अंदर ऑब्जेक्ट्स के साथ डुप्लिकेशंस बनाता है), आप state में `selectedId` रख सकते हैं, और फिर उस ID के साथ item को `items` array में खोजकर `selectedItem` प्राप्त कर सकते हैं:
 
 <Sandpack>
 
@@ -554,7 +554,7 @@ button { margin-top: 10px; }
 
 </Sandpack>
 
-(वैकल्पिक रूप से, आप selected index को state में रख सकते हैं।)
+(इसके बजाये, आप selected index को state में रख सकते हैं।)
 
 State को इस तरह डुप्लिकेट किया जाता था:
 
@@ -568,7 +568,7 @@ State को इस तरह डुप्लिकेट किया जात
 
 डुप्लिकेशन चला गया है, और आप केवल ज़रूरी state रखते हैं!
 
-अब अगर आप *selected* item को एडिट करते हैं, तो नीचे दिया गया मैसेज तुरंत अपडेट हो जाएगा। ऐसा इसलिए है क्योंकि `setItems` फिर से रेंडर ट्रिगर करता है, और `items.find(...)` आइटम को अपडेट किया गया title के साथ ढूंढेगा। आपको *selected item* को state में रखने की ज़रूरत नहीं थी, क्योंकि केवल *selected ID* ही ज़रूरी है। बाकी की गणना रेंडर के दौरान की जा सकती है।
+अब अगर आप *selected* item को एडिट करते हैं, तो नीचे दिया गया मैसेज तुरंत अपडेट हो जाएगा। ऐसा इसलिए है क्योंकि `setItems` फिर से रेंडर ट्रिगर करता है, और `items.find(...)` आइटम को अपडेट किये गए title के साथ ढूंढेगा। आपको *selected item* को state में रखने की ज़रूरत नहीं थी, क्योंकि केवल *selected ID* ही ज़रूरी है। बाकी की कैलकुलेशन रेंडर के दौरान की जा सकती है।
 
 ## डीप नेस्टेड state से बचें {/*avoid-deeply-nested-state*/}