changes done

Author: Anishpras

beta/src/pages/learn/add-react-to-a-website.md

@@ -190,7 +190,7 @@ return <button onClick={() => setLiked(true)}>Like</button>;
 
 यहाँ [JSX के साथ एक उदाहरण HTML फ़ाइल](https://raw.githubusercontent.com/reactjs/reactjs.org/main/static/html/single-file-example.html) है जिसे आप डाउनलोड कर सकते हैं और उसके साथ खेल सकते हैं।
 
-सरल डेमो सीखने और बनाने के लिए यह तरीका ठीक है। हालांकि, यह आपकी वेबसाइट को धीमा कर देता है और **प्रोडक्शन के लिए उपयुक्त नहीं है**। जब आप आगे बढ़ने के लिए तैयार हों, तो यह नया `<script>` टैग और आपके द्वारा ऐड की गई `type="text/babel"` एट्रिब्यूट को हटा दें। इसके बजाय, अगले भाग में आप अपने सभी `<script>` टैग को स्वचालित रूप से बदलने के लिए एक JSX प्रीप्रोसेसर सेटअप करेंगे।
+सरल डेमो सीखने और बनाने के लिए यह तरीका ठीक है। हालांकि, यह आपकी वेबसाइट को धीमा कर देता है और **प्रोडक्शन के लिए उपयुक्त नहीं है**। जब आप आगे बढ़ने के लिए तैयार हों, तो यह नया `<script>` टैग और आपके द्वारा ऐड की गई `type="text/babel"` एट्रिब्यूट को हटा दें। इसके बजाय, अगले भाग में आप अपने सभी `<script>` टैग को ऑटोमेटेड रूप से बदलने के लिए एक JSX प्रीप्रोसेसर सेटअप करेंगे।
 
 ### किसी प्रोजेक्ट में JSX ऐड करें {/*add-jsx-to-a-project*/}
 
@@ -207,68 +207,68 @@ JSX प्रीप्रोसेसर को सेटअप करने क
 
 ### JSX प्रीप्रोसेसर चलाएँ {/*run-the-jsx-preprocessor*/}
 
-आप JSX को प्रीप्रोसेस कर सकते हैं ताकि हर बार जब आप किसी फ़ाइल को JSX के साथ सहेजते हैं, तो JSX फ़ाइल को एक नई, सादा जावास्क्रिप्ट फ़ाइल में परिवर्तित करते हुए, ट्रांसफ़ॉर्म फिर से चलाया जाएगा।
+आप JSX को प्रीप्रोसेस कर सकते हैं ताकि हर बार जब आप किसी फ़ाइल को JSX के साथ सहेजते हैं, तो JSX फ़ाइल को एक नई, सादी जावास्क्रिप्ट फ़ाइल में परिवर्तित करते हुए, ट्रांसफ़ॉर्म फिर से चलाया जाएगा।
 
 1. **src** नाम का फोल्डर बनाएं
-2. अपने टर्मिनल में, यह कमांड चलाएँ: `npx babel --watch src --out-dir । --presets React-app/prod ` (इसके खत्म होने की प्रतीक्षा न करें! यह कमांड JSX के लिए एक स्वचालित वॉचर शुरू करता है।)
+2. अपने टर्मिनल में, यह कमांड चलाएँ: `npx babel --watch src --out-dir . --presets react-app/prod ` (इसके खत्म होने की प्रतीक्षा न करें! यह कमांड JSX के लिए एक ऑटोमेटेड वॉचर शुरू करता है।)
 3. अपने JSX-ified **like_button.js** को नए **src** फ़ोल्डर में ले जाएं (या एक **like_button.js** बनाएं जिसमें यह [JSX स्टार्टर कोड] हो (https://gist.githubusercontent.com/ rachelnabors/ffbc9a0e33665a58d4cfdd1676f05453/raw/652003ff54d2dab8a1a1e5cb3bb1e28ff207c1a6/like_button.js))
 
 वाचर ब्राउज़र के लिए उपयुक्त सादे जावास्क्रिप्ट कोड के साथ एक प्रीप्रोसेस्ड **like_button.js** बनाएगा।
 
 <Gotcha>
 
-यदि आपको यह कहते हुए एक त्रुटि संदेश दिखाई देता है कि "आपने गलती से `babel` पैकेज सेटअप कर लिया है", तो आप [पिछला स्टेप](#add-jsx-to-a-project) चूक गए होंगे। इसे उसी फ़ोल्डर में निष्पादित करें, और फिर पुन: प्रयास करें।
+यदि आपको यह कहते हुए एक एरर मैसेज दिखाई देता है कि "आपने गलती से `babel` पैकेज सेटअप कर लिया है", तो आप [पिछला स्टेप](#add-jsx-to-a-project) चूक गए होंगे। इसे उसी फ़ोल्डर में निष्पादित करें, और फिर पुन: प्रयास करें।
 
 </Gotcha>
 
-एक बोनस के रूप में, यह आपको पुराने ब्राउज़रों को तोड़ने की चिंता किए बिना classes जैसी आधुनिक जावास्क्रिप्ट सिंटैक्स सुविधाओं का उपयोग करने देता है। हमारे द्वारा अभी-अभी उपयोग किए गए टूल को babel कहा जाता है, और आप इसके बारे में [इसके दस्तावेज़ीकरण](https://babeljs.io/docs/en/babel-cli/) से अधिक जान सकते हैं।
+एक बोनस के रूप में, यह आपको पुराने ब्राउज़रों में ब्रेक होने की चिंता किए बिना classes जैसी आधुनिक जावास्क्रिप्ट सिंटैक्स सुविधाओं का उपयोग करने देता है। हमारे द्वारा अभी-अभी उपयोग किए गए टूल को babel कहा जाता है, और आप इसके बारे में [इसके डॉक्यूमेंटेशन](https://babeljs.io/docs/en/babel-cli/) से अधिक जान सकते हैं।
 
-यदि आप बिल्ड टूल्स के साथ सहज हो रहे हैं और चाहते हैं कि वे आपके लिए और अधिक करें, [हम यहां कुछ सबसे लोकप्रिय और पहुंचने योग्य टूलचेन को कवर करते हैं](/learn/start-a-new-react-project)।
+यदि आप बिल्ड टूल्स के साथ कम्फ़र्टेबल हो रहे हैं और चाहते हैं कि वे आपके लिए और अधिक करें, [हम यहां कुछ सबसे लोकप्रिय और पहुंचने योग्य टूलचेन को कवर करते हैं](/learn/start-a-new-react-project)।
 
 <DeepDive title="React बिना JSX के">
 
-कोर रूप से JSX को React के साथ लेखन कौम्पोनॅन्ट को HTML लिखने के रूप में परिचित बनाने के लिए पेश किया गया था। तब से, वाक्यविन्यास व्यापक हो गया है। हालाँकि, ऐसे उदाहरण हो सकते हैं जहाँ आप JSX का उपयोग नहीं करना चाहते हैं या नहीं कर सकते हैं। आपके पास दो विकल्प हैं:
+कोर रूप से JSX को React के कौम्पोनॅन्ट लिखने को HTML लिखने के रूप में परिचित बनाने के लिए पेश किया गया था। तब से, वाक्यविन्यास व्यापक हो गया है। हालाँकि, ऐसे उदाहरण हो सकते हैं जहाँ आप JSX का उपयोग नहीं करना चाहते हैं या नहीं कर सकते हैं। आपके पास दो ऑप्शन हैं:
 
-- [htm](https://github.com/developit/htm) जैसे JSX विकल्प का उपयोग करें, जो कंपाइलर का उपयोग नहीं करता है—यह जावास्क्रिप्ट के कोर टैग किए गए टेम्प्लेट का उपयोग करता है।
-- [`React.createElement()`](/reference/createelement) का उपयोग करें, जिसकी एक विशेष संरचना नीचे बताई गई है।
+- [htm](https://github.com/developit/htm) जैसे JSX अल्टरनेटिव का उपयोग करें, जो कंपाइलर का उपयोग नहीं करता है—यह जावास्क्रिप्ट के नेटिव टैग किए गए टेम्प्लेट का उपयोग करता है।
+- [`React.createElement()`](/reference/createelement) का उपयोग करें, जिसकी एक विशेष स्ट्रक्चर नीचे बताया गया है।
 
-JSX के साथ, आप एक कौम्पोनॅन्ट लिखेंगे जैसे::
+JSX के साथ, आप एक कौम्पोनॅन्ट लिखेंगे जैसे:
 
 ```jsx
 function Hello(props) {
-  return <div>नमस्ते {props.toWhat}</div>;
+  return <div>Hello {props.toWhat}</div>;
 }
 
-ReactDOM.render(<Hello toWhat="दुनिया" />, document.getElementById('root'));
+ReactDOM.render(<Hello toWhat="World" />, document.getElementById('root'));
 ```
 
 With `React.createElement()`, you would write it like this:
 
 ```js
 function Hello(props) {
-  return React.createElement('div', null, `नमस्ते ${props.toWhat}`);
+  return React.createElement('div', null, `Hello ${props.toWhat}`);
 }
 
 ReactDOM.render(
-  React.createElement(Hello, {toWhat: 'दुनिया'}, null),
+  React.createElement(Hello, {toWhat: 'World'}, null),
   document.getElementById('root')
 );
 ```
 
-यह तीन तर्कों को स्वीकार करता है: `React.createElement(component, props, children)`। यहां बताया गया है कि वे कैसे काम करते हैं:
+यह तीन आर्ग्यूमेंट्स को स्वीकार करता है: `React.createElement(component, props, children)`। यहां बताया गया है कि वे कैसे काम करते हैं:
 
-1. एक **component**, जो एक HTML एलिमेंट या एक फ़ंक्शन कौम्पोनॅन्ट का प्रतिनिधित्व करने वाला एक स्ट्रिंग हो सकता है
+1. एक **component**, जो एक HTML एलिमेंट या एक फ़ंक्शन कौम्पोनॅन्ट को रिप्रेजेंट करने वाला एक स्ट्रिंग हो सकता है
 2. किसी भी [**props** का एक ऑब्जेक्ट जिसे आप पास करना चाहते हैं](/learn/passing-props-to-a-component)
 3. कौम्पोनॅन्ट में किसी भी **children** का ऑब्जेक्ट हो सकता है, जैसे टेक्स्ट स्ट्रिंग्स
 
-यदि आप `React.createElement ()` टाइप करते-करते थक गए हैं, तो एक सामान्य पैटर्न शॉर्टहैंड असाइन करना है:
+यदि आप `React.createElement()` टाइप करते-करते थक गए हैं, तो एक सामान्य पैटर्न शॉर्टहैंड असाइन करना है:
 
 ```js
 const e = React.createElement;
 
-ReactDOM.render(e('div', null, 'नमस्ते दुनिया'), document.getElementById('root'));
+ReactDOM.render(e('div', null, 'Hello World'), document.getElementById('root'));
 ```
 
-यदि आप `React.createElement ()` के लिए इस शॉर्टहैंड फॉर्म का उपयोग करते हैं, तो JSX के बिना React का उपयोग करना लगभग उतना ही सुविधाजनक हो सकता है।
+यदि आप `React.createElement()` के लिए इस शॉर्टहैंड फॉर्म का उपयोग करते हैं, तो JSX के बिना React का उपयोग करना लगभग उतना ही सुविधाजनक हो सकता है।
 
 </DeepDive>