Made changes according to the reviews.

Author: Rohan-Makwana

beta/src/pages/learn/render-and-commit.md

@@ -144,18 +144,18 @@ img { margin: 0 10px 10px 0; }
 
 <DeepDive title="Optimizing performance">
 
-अपडेट कौम्पोनॅन्ट के भीतर नेस्टेड सभी कौम्पोनॅन्टस को रेंडर करने का डिफ़ॉल्ट व्यवहार परफॉरमेंस के लिए ऑप्टिमम नहीं है यदि अपडेट कौम्पोनॅन्ट ट्री में बहुत ऊंचाई पर है। यदि आप किसी परफॉरमेंस समस्या का सामना करते हैं, तो इसे हल करने के लिए [परफॉरमेंस](/learn/performance) अनुभाग में वर्णित कई ऑप्ट-इन तरीके हैं। **समय से पहले अनुकूलन न करें!**
+यदि अपडेट कौम्पोनॅन्ट ट्री में बहुत ऊंचाई पर है तो अपडेट कौम्पोनॅन्ट के अंदर नेस्टेड सभी कौम्पोनॅन्टस को रेंडर करने का डिफ़ॉल्ट व्यवहार परफॉरमेंस के लिए ऑप्टिमम नहीं है। यदि आप किसी परफॉरमेंस समस्या का सामना करते हैं, तो इसे हल करने के लिए [परफॉरमेंस](/learn/performance) अनुभाग में वर्णित कई ऑप्ट-इन तरीके हैं। **समय से पहले ऑप्टिमाइज़ न करें!**
 
 </DeepDive>
 
-## स्टेप 3: React DOM में कमिटस करता है {/*step-3-react-commits-changes-to-the-dom*/}
+## स्टेप 3: React DOM में चेंजेस कमिट करता है {/*step-3-react-commits-changes-to-the-dom*/}
 
-आपके कौम्पोनॅन्टस को रेंडर करने (कॉल करने) के बाद, React DOM में संशोधित करेगा।
+आपके कौम्पोनॅन्टस को रेंडर करने (कॉल करने) के बाद, React DOM में मॉडिफाई करेगा।
 
-* **प्रारंभिक रेंडर पर,** React स्क्रीन पर बनाए गए सभी DOM नोड्स को डालने के लिए [`appendChild ()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild)  DOM API का उपयोग करेगा।
-* **पुन: रेंडर करने के लिए,** DOM को नवीनतम रेंडरिंग आउटपुट से मिलान करने के लिए React न्यूनतम आवश्यक संचालन (रेंडरिंग के दौरान परिकलित!) लागू करेगा।
+* **प्रारंभिक रेंडर पर,** React स्क्रीन पर बनाए गए सभी DOM नोड्स को डालने के लिए [`appendChild()`](https://developer.mozilla.org/docs/Web/API/Node/appendChild)  DOM API का उपयोग करेगा।
+* **पुन: रेंडर करने के लिए,** React DOM को लेटेस्ट आउटपुट के जैसा करने के लिए कम से कम ज़रूरी ऑपरेशन्स (जो रेंडरिंग करते वक़्त कैलकुलेट होते है!) का इस्तेमाल करेगा।    
 
-**React केवल DOM नोड्स को बदलता है यदि रेंडरर्स के बीच कोई अंतर है। **उदाहरण के लिए, यहां एक कौम्पोनॅन्ट है जो हर सेकेंड में अपने पैरेंट से पारित विभिन्न प्रोप के साथ फिर से रेंडर करता है। ध्यान दें कि आप `<input>` में कुछ टेक्स्ट कैसे जोड़ सकते हैं, इसके `value` को अपडेट कर सकते हैं, लेकिन जब कौम्पोनॅन्ट फिर से रेंडर होता है तो टेक्स्ट गायब नहीं होता है:
+**React केवल DOM नोड्स को बदलता है यदि रेंडरर्स के बीच कोई अंतर है।** उदाहरण के लिए, यहां एक कौम्पोनॅन्ट है जो हर सेकेंड में अपने पैरेंट से पास किये गए विभिन्न प्रोप के साथ फिर से रेंडर करता है। ध्यान दें कि आप `<input>` में कुछ टेक्स्ट कैसे जोड़ सकते हैं, इसके `value` को अपडेट कर सकते हैं, लेकिन जब कौम्पोनॅन्ट फिर से रेंडर होता है तो टेक्स्ट गायब नहीं होता है:
 
 <Sandpack>
 
@@ -195,10 +195,10 @@ export default function App() {
 
 </Sandpack>
 
-यह काम करता है क्योंकि इस अंतिम स्टेप के दौरान, React केवल `<h1>` की कंटेंट को नए `time` के साथ अपडेट करता है। यह देखता है कि `<input>` JSX में पिछली बार की तरह ही दिखाई दे रहा है, इसलिए React `<input>`— या इसके `value` को स्पर्श नहीं करता है!
-## उपसंहार: ब्राउज़र पेंट {/*epilogue-browser-paint*/}
+यह काम करता है क्योंकि इस अंतिम स्टेप के दौरान, React केवल `<h1>` की कंटेंट को नए `time` के साथ अपडेट करता है। यह देखता है कि `<input>` JSX में पिछली बार की तरह ही दिखाई दे रहा है, इसलिए React `<input>`— या इसके `value` को नहीं छूताा है!
+## Epilogue: ब्राउज़र पेंट {/*epilogue-browser-paint*/}
 
-रेंडरिंग के बाद और React ने DOM को अपडेट करने पर, ब्राउज़र स्क्रीन को फिर से रंग देगा। हालांकि इस प्रोसेस को "ब्राउज़र रेंडरिंग" के रूप में जाना जाता है, हम इन बाकी डाक्यूमेंट्स में भ्रम से बचने के लिए इसे "पेंटिंग" के रूप में संदर्भित करेंगे।
+रेंडरिंग के बाद और React के DOM को अपडेट करने पर, ब्राउज़र स्क्रीन को फिर से रंग देगा। हालांकि इस प्रोसेस को "ब्राउज़र रेंडरिंग" के रूप में जाना जाता है, हम इन बाकी डाक्यूमेंट्स में कन्फूज़न से बचने के लिए इसे "painting" के रूप में रेफेर करेंगे।
 
 <Illustration alt="A browser painting 'still life with card element'." src="/images/docs/illustrations/i_browser-paint.png" />