` है:
```html
```
-We call this a "root" DOM node because everything inside it will be managed by React DOM.
+हम इसे "रूट" DOM नोड कहते है क्यूँकि इसके अंदर की सारी चीज़ें React DOM के द्वारा संचालित होगी।
-Applications built with just React usually have a single root DOM node. If you are integrating React into an existing app, you may have as many isolated root DOM nodes as you like.
-To render a React element into a root DOM node, pass both to `ReactDOM.render()`:
+React के उपयोग से बने ज़्यादातर ऐप्लिकेशन में एक ही रूट DOM नोड होता है। परंतु यदि आप React को किसी पहले से बने हुए app में उपयोग करना चाहते है तो आप कितने भी अलग अलग रूट DOM नोड बना सकते है।
+
+एक React एलिमेंट्स को DOM नोड में दर्शाने के लिए, आपको इन दोनो को `ReactDOM.render()` में भेजना पड़ेगा:
`embed:rendering-elements/render-an-element.js`
[](codepen://rendering-elements/render-an-element)
-It displays "Hello, world" on the page.
+ये "Hello world" को पेज पर दर्शाता है।
-## Updating the Rendered Element {#updating-the-rendered-element}
+## पहले से बने एलेमेंट को अपडेट करना {#updating-the-rendered-element}
-React elements are [immutable](https://en.wikipedia.org/wiki/Immutable_object). Once you create an element, you can't change its children or attributes. An element is like a single frame in a movie: it represents the UI at a certain point in time.
+React एलिमेंट्स [अचल](https://en.wikipedia.org/wiki/Immutable_object) होते है। एक बार एलेमेंट के बनने के बाद, आप उसके चिल्ड्रन या ऐट्रिब्यूट्स में परिवर्तन नहीं कर सकते। एक एलेमेंट एक चलचित्र के एक दृश्य के समान है, ये UI को एक निश्चित समय के लिए दर्शाता है।
-With our knowledge so far, the only way to update the UI is to create a new element, and pass it to `ReactDOM.render()`.
+हमारे अब तक के ज्ञान के अनुसार, UI में परिवर्तन करने का एक ही तरीक़ा है। इसके लिए हमें एक नया एलेमेंट बना कर उसे `ReactDOM.render()` को भेजना पड़ेगा।
-Consider this ticking clock example:
+इस टिकिंग घड़ी उदाहरण पर विचार करें:
`embed:rendering-elements/update-rendered-element.js`
[](codepen://rendering-elements/update-rendered-element)
-It calls `ReactDOM.render()` every second from a [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) callback.
+ये `ReactDOM.render()` को प्रत्येक सेकंड [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) callback से कॉल करता है।
->**Note:**
+>**ध्यान दें:**
>
->In practice, most React apps only call `ReactDOM.render()` once. In the next sections we will learn how such code gets encapsulated into [stateful components](/docs/state-and-lifecycle.html).
+>व्यवहार में, ज़्यादातर React apps `ReactDOM.render()` को एक ही बार कॉल करते है। अगले भाग में हम ये सीखेंगे कि कैसे इस तरह के कोड को [stateful components](/docs/state-and-lifecycle.html) में एन्काप्सुलेट करते है।
>
->We recommend that you don't skip topics because they build on each other.
+>हम अनुशंसा करते हैं कि आप विषयों को छोड़ें नहीं क्योंकि वे एक-दूसरे पर निर्माण करते हैं।
-## React Only Updates What's Necessary {#react-only-updates-whats-necessary}
+## React वही अपडेट करता है जो आवश्यक है {#react-only-updates-whats-necessary}
-React DOM compares the element and its children to the previous one, and only applies the DOM updates necessary to bring the DOM to the desired state.
+React, DOM एलिमेंट्स और उसके चिल्डरेंस की तुलना उसके पहले की अवस्था से करता है और केवल उन्ही चीज़ों में परिवर्तन करता जिससे की DOM अपने चाहे state में आ जाए।
-You can verify by inspecting the [last example](codepen://rendering-elements/update-rendered-element) with the browser tools:
+आप ब्राउज़र टूलस की सहायता से [अंतिम उदाहरण](codepen://rendering-elements/update-rendered-element) का निरीक्षण करके सत्यापित कर सकते हैं:
-Even though we create an element describing the whole UI tree on every tick, only the text node whose contents has changed gets updated by React DOM.
+भले ही हम हर टिक पर पूरे UI ट्री का वर्णन करने वाला एक एलेमेंट बनाते हैं, लेकिन केवल Text नोड जिसकी सामग्री बदल गई है वह React DOM द्वारा अपडेट हो जाता है।
-In our experience, thinking about how the UI should look at any given moment rather than how to change it over time eliminates a whole class of bugs.
+हमारे अनुभव से, UI को कैसे अप्डेट करना है के बिपरीत यदि हम ये सोचे की UI को किसी समय कैसे दिखाना है तो हम बहुत सारी बग से बच सकते है।
diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md
index 0907dc89b..9db4d3793 100644
--- a/content/home/examples/an-application.md
+++ b/content/home/examples/an-application.md
@@ -4,4 +4,4 @@ order: 2
domid: todos-example
---
-`props` और `state` का उपयोग करके, हम एक छोटी सी टोडो ऐप्लिकेशन बना सक्ते हैं। यह उदाहरण आइटम की वर्तमान सूची के साथ-साथ उपयोगकर्ता द्वारा दर्ज किए गए टेक्स्ट को ट्रैक करने के लिए `state` का उपयोग करता है। हालाँकि, ईवेंट हैंडलर को इनलाइन प्रदान किया जाना चाहिए, लेकिन उन्हें इवेंट डेलिगेशन का उपयोग करके एकत्र किया गया है।
+`props` और `state` का उपयोग करके, हम एक छोटी सी टूडू ऐप्लिकेशन बना सक्ते हैं। यह उदाहरण आइटम की वर्तमान सूची के साथ-साथ उपयोगकर्ता द्वारा दर्ज किए गए टेक्स्ट को ट्रैक करने के लिए `state` का उपयोग करता है। हालाँकि, ईवेंट हैंडलर को इनलाइन प्रदान किया जाना चाहिए, लेकिन उन्हें इवेंट डेलिगेशन का उपयोग करके एकत्र किया गया है।