Update writing-markup-with-jsx.md

Author: Anku5hk

beta/src/pages/learn/writing-markup-with-jsx.md

@@ -150,7 +150,7 @@ img { height: 90px }
 </div>
 ```
 
-यदि आप अपने मार्कअप में अतिरिक्त `<div>` नहीं जोड़ना चाहते हैं, तो आप इसके बजाय `<>` और `</>` लिख सकते हैं:
+यदि आप अपने मार्कअप में एक्स्ट्रा `<div>` ऐड नहीं करना चाहते हैं, तो आप इसके बजाय `<>` और `</>` लिख सकते हैं:
 
 ```js {1,11}
 <>
@@ -166,19 +166,19 @@ img { height: 90px }
 </>
 ```
 
-इस खाली टैग को *[React fragment] कहा जाता है।](TODO)*. React के fragments आपको ब्राउज़र HTML ट्री में कोई निशान छोड़े बिना चीजों को समूहित करने देते हैं।
+इस खाली टैग को *[React fragment](TODO)* कहा जाता है। React fragments आपको ब्राउज़र HTML ट्री में कोई निशान छोड़े बिना चीजों को ग्रुप करने देते हैं।
 
-<DeepDive title="एकाधिक JSX टैग को लपेटने की आवश्यकता क्यों है?">
+<DeepDive title="मल्टीप्ल JSX टैग को रैप की आवश्यकता क्यों है?">
 
-JSX HTML की तरह दिखता है, लेकिन हुड के तहत इसे सादे जावास्क्रिप्ट ऑब्जेक्ट्स में बदल दिया जाता है। आप किसी फ़ंक्शन से दो ऑब्जेक्ट्स को एक सरणी में लपेटे बिना रिटर्न नहीं कर सकते। यह बताता है कि आप दो JSX टैग को दूसरे टैग या fragment में लपेटे बिना रिटर्न क्यों नहीं कर सकते।
+JSX HTML की तरह दिखता है, लेकिन असल में प्लेन जावास्क्रिप्ट ऑब्जेक्ट्स में बदल दिया जाता है। आप किसी फ़ंक्शन से दो ऑब्जेक्ट्स को एक ऐरे में रैप किये बिना रिटर्न नहीं कर सकते। यह बताता है कि आप दो JSX टैग को दूसरे टैग या fragment में रैप किये बिना रिटर्न क्यों नहीं कर सकते।
 
 </DeepDive>
 
 ### 2. सभी टैग बंद करें {/*2-close-all-the-tags*/}
 
-JSX को टैग को स्पष्ट रूप से बंद करने की आवश्यकता है: `<img>` जैसे स्व-समापन टैग `<img />` बनने चाहिए, और `<li>संतरा` जैसे रैपिंग टैग को `<li>संतरा</li>` के रूप में लिखा जाना चाहिए।
+JSX को टैग को स्पष्ट रूप से बंद करने की आवश्यकता है: `<img>` जैसे सेल्फ-क्लोजिंग टैग `<img />` बनने चाहिए, और `<li>संतरा` जैसे रैपिंग टैग को `<li>संतरा</li>` के रूप में लिखा जाना चाहिए।
 
-इस प्रकार हेडी लैमर की छवि और सूची आइटम बंद दिखते हैं:
+इस प्रकार Hedy Lamarr की इमेज और लिस्ट आइटम बंद दिखते हैं:
 
 ```js {2-6,8-10}
 <>
@@ -197,9 +197,9 @@ JSX को टैग को स्पष्ट रूप से बंद कर
 
 ### 3. CamelCase करें <s>सब</s> ज़्यादातर चीज़ें! {/*3-camelcase-salls-most-of-the-things*/}
 
-JSX जावास्क्रिप्ट में बदल जाता है और JSX में लिखी विशेषताएँ जावास्क्रिप्ट ऑब्जेक्ट्स की कुंजी बन जाती हैं। अपने स्वयं के कौम्पोनॅन्ट्स में, आप अक्सर उन विशेषताओं को चरों में पढ़ना चाहेंगे। लेकिन जावास्क्रिप्ट में चर नामों की सीमाएँ हैं। उदाहरण के लिए, उनके नामों में डैश नहीं हो सकते हैं या `class` जैसे आरक्षित शब्द नहीं हो सकते हैं।
+JSX जावास्क्रिप्ट में बदल जाता है और JSX में लिखी ऐट्रिब्यूट्स जावास्क्रिप्ट ऑब्जेक्ट्स की keys बन जाती हैं। अपने स्वयं के कौम्पोनॅन्ट्स में, आप अक्सर उन ऐट्रिब्यूट्स को वेरिएबल्स में पढ़ना चाहेंगे। लेकिन जावास्क्रिप्ट में वेरिएबल के नामों की सीमाएँ हैं। उदाहरण के लिए, उनके नामों में डैश नहीं हो सकते हैं या `class` जैसे रिज़र्व शब्द नहीं हो सकते हैं।
 
-यही कारण है कि, React में, कई HTML और SVG विशेषताएँ CamelCase में लिखी जाती हैं। उदाहरण के लिए, `stroke-width` के बजाय आप `strokeWidth` का उपयोग करते हैं। चूंकि `class` एक आरक्षित शब्द है, इसलिए React में आप इसके बजाय `className` लिखते हैं, जिसका नाम [संबंधित DOM संपत्ति](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) के नाम पर रखा गया है।:
+यही कारण है कि, React में, कई HTML और SVG ऐट्रिब्यूट्स CamelCase में लिखी जाती हैं। उदाहरण के लिए, `stroke-width` के बजाय आप `strokeWidth` का उपयोग करते हैं। चूंकि `class` एक रिजर्व्ड शब्द है, इसलिए React में आप इसके बजाय `className` लिखते हैं, जिसका नाम [संबंधित DOM प्रॉपर्टी](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) के नाम पर रखा गया है।:
 
 ```js {4}
 <img 
@@ -209,17 +209,17 @@ JSX जावास्क्रिप्ट में बदल जाता ह
 />
 ```
 
-आप [इन सभी विशेषताओं को React DOM एलिमेंट्स में पा सकते हैं](TODO). यदि आप एक गलत पाते हैं, तो चिंता न करें React संभावित सुधार के साथ एक संदेश [ब्राउज़र कंसोल](https://developer.mozilla.org/docs/Tools/Browser_Console) पर प्रिंट करेगी।
+आप [इन सभी ऐट्रिब्यूट्स को React DOM एलिमेंट्स में पा सकते हैं](TODO). यदि आप एक गलत पाते हैं, तो चिंता न करें React संभावित सुधार के साथ एक संदेश [ब्राउज़र कंसोल](https://developer.mozilla.org/docs/Tools/Browser_Console) पर प्रिंट करेगी।
 
 <Gotcha>
 
-ऐतिहासिक कारणों से, [`aria-*`](https://developer.mozilla.org/docs/Web/Accessibility/ARIA) और [`data-*`](https://developer.mozilla.org/docs/Learn/HTML/Howto/Use_data_attributes) विशेषताएँ HTML में डैश के साथ लिखी जाती हैं।
+ऐतिहासिक कारणों से, [`aria-*`](https://developer.mozilla.org/docs/Web/Accessibility/ARIA) और [`data-*`](https://developer.mozilla.org/docs/Learn/HTML/Howto/Use_data_attributes) ऐट्रिब्यूट्स HTML में डैश के साथ लिखी जाती हैं।
 
 </Gotcha>
 
 ### प्रो-टिप: JSX कन्वर्टर का उपयोग करें {/*pro-tip-use-a-jsx-converter*/}
 
-इन सभी विशेषताओं को मौजूदा मार्कअप में बदलना थकाऊ हो सकता है! हम अनुशंसा करते हैं कि आप अपने मौजूदा HTML और SVG का JSX में अनुवाद करने के लिए [कन्वर्टर](https://transform.tools/html-to-jsx) का उपयोग करें। कन्वर्टर्स व्यवहार में बहुत उपयोगी होते हैं, लेकिन यह अभी भी समझने योग्य है कि क्या हो रहा है ताकि आप आराम से JSX को स्वयं लिख सकें।
+इन सभी ऐट्रिब्यूट्स को मौजूदा मार्कअप में बदलना थकाऊ हो सकता है! हम अनुशंसा करते हैं कि आप अपने मौजूदा HTML और SVG का JSX में अनुवाद करने के लिए [कन्वर्टर](https://transform.tools/html-to-jsx) का उपयोग करें। कन्वर्टर्स व्यवहार में बहुत उपयोगी होते हैं, लेकिन यह अभी भी समझने योग्य है कि क्या हो रहा है ताकि आप आराम से JSX को स्वयं लिख सकें।
 
 यहाँ आपका अंतिम परिणाम है: