You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/components-and-props.md
+3-11Lines changed: 3 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -41,13 +41,9 @@ class Welcome extends React.Component {
41
41
}
42
42
```
43
43
44
-
ऊपर के दोनों कौम्पोनॅन्ट React के दृष्टिकोण से बराबर है|
44
+
ऊपर के दोनों कौम्पोनॅन्ट React के दृष्टिकोण से बराबर है।
45
45
46
-
<<<<<<< HEAD
47
-
क्लासेज की कुछ अतिरिक्त विशेषताएं भी हैं जिसकी हम चर्चा [अगले खंड](/docs/state-and-lifecycle.html) में करेंगे| तब तक, हम उनकी संक्षिप्तता के लिए फ़ंक्शन कौम्पोनॅन्टस का उपयोग करेंगे।
48
-
=======
49
-
Function and Class components both have some additional features that we will discuss in the [next sections](/docs/state-and-lifecycle.html).
50
-
>>>>>>> 7e4f503d86bee08b88eed77a6c9d06077863a27c
46
+
फंक्शन और क्लास कौम्पोनॅन्टस दोनों के पास कुछ अतिरिक्त सुविधाये है जिसके बारे में हम [अगले खंड](/docs/state-and-lifecycle.html) में चर्चा करेंगे।
51
47
52
48
## कौम्पोनॅन्ट रेंडरिंग {#rendering-a-component}
53
49
@@ -63,11 +59,7 @@ const element = <div />;
63
59
constelement=<Welcome name="नेहा"/>;
64
60
```
65
61
66
-
<<<<<<< HEAD
67
-
जब कभी भी React एक एलिमेंट को यूजर-डिफाइंड कौम्पोनॅन्ट का प्रतिनिधित्व करते हुए देखता है, तुरंत ही इन कौम्पोनॅन्टs को एक ऑब्जेक्ट के रूप में JSX ऐट्रिब्यूट्स पास कर देता है| हम इस ऑब्जेक्ट को "props" कहते हैं|
68
-
=======
69
-
When React sees an element representing a user-defined component, it passes JSX attributes and children to this component as a single object. We call this object "props".
70
-
>>>>>>> 7e4f503d86bee08b88eed77a6c9d06077863a27c
62
+
जब कभी भी React एक एलिमेंट को यूजर-डिफाइंड कौम्पोनॅन्ट का प्रतिनिधित्व करते हुए देखता है, तुरंत ही इन कौम्पोनॅन्टस को एक ऑब्जेक्ट के रूप में JSX ऐट्रिब्यूट्स पास कर देता है। हम इस ऑब्जेक्ट को "props" कहते हैं।
71
63
72
64
उदाहरण के लिए, यह कोड पेज पर रेंडर करता है "नमस्ते, नेहा":
Copy file name to clipboardExpand all lines: content/docs/getting-started.md
+2-10Lines changed: 2 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -36,11 +36,7 @@ React को धीरे-धीरे ग्रहण करने के ल
36
36
37
37
### ऑनलाइन प्लेग्राउंड्स {#online-playgrounds}
38
38
39
-
<<<<<<< HEAD
40
-
अगर आप React को इस्तेमाल करने में रूचि रखतें है, तो आप एक ऑनलाइन कोड प्लेग्राउंड इस्तेमाल कर सकते है। आप [CodePen](codepen://hello-world) या [CodeSandbox](https://codesandbox.io/s/new) पर एक Hello World टेम्पलेट इस्तेमाल कर सकते हैं।
41
-
=======
42
-
If you're interested in playing around with React, you can use an online code playground. Try a Hello World template on [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new), [Glitch](https://glitch.com/edit/#!/remix/starter-react-template), or [Stackblitz](https://stackblitz.com/fork/react).
43
-
>>>>>>> 7e4f503d86bee08b88eed77a6c9d06077863a27c
39
+
अगर आप React को इस्तेमाल करने में रूचि रखतें है, तो आप एक ऑनलाइन कोड प्लेग्राउंड इस्तेमाल कर सकते है। आप [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new), [Glitch](https://glitch.com/edit/#!/remix/starter-react-template) या [Stackblitz](https://stackblitz.com/fork/react) पर एक Hello World टेम्पलेट इस्तेमाल कर सकते हैं।
44
40
45
41
अगर आप अपना Text Editor इस्तमाल करना चा रहे है, आप [इस HTML फाइल को डाउनलोड](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html) कर सकतें हैं, फिर आप उसे एडिट करके अपने लोकल फिलेसिस्टम से इसे अपने ब्राउज़र में खोल सकते हैं। यह रनटाइम कोड ट्रांसफॉर्मेशन को धीमे करता है, हम इसे खाली सरल डेमो के लिए ही इस्तेमाल करने का अनुग्रह करते हैं।
46
42
@@ -87,11 +83,7 @@ React के दस्तावेज़ मानते है की आपक
87
83
88
84
### प्रैक्टिकल टुटोरिअल {#practical-tutorial}
89
85
90
-
<<<<<<< HEAD
91
-
अगर आप **कर के** सीखना पसंद करते हैं तो हमारा [प्रैक्टिकल टुटोरिअल देखें](/tutorial/tutorial.html). इस टुटोरिअल में हम एक टिक-टैक्-टो का गेम बनाएँगे। हो सकता है आपको ऐसा लगे की हमें ये छोड़ देना चाहिए क्योकि हम कोई गेम नहीं बना रहे -- लेकिन इसे एक मौका दें। इसमें सीखी गई विधियां *किसी भी* React ऐप को बनाने में काम आएगी, और इसका अच्छा अभ्यास आपको React की गहरी समझ देगा।
92
-
=======
93
-
If you prefer to **learn by doing,** check out our [practical tutorial](/tutorial/tutorial.html). In this tutorial, we build a tic-tac-toe game in React. You might be tempted to skip it because you're not into building games -- but give it a chance. The techniques you'll learn in the tutorial are fundamental to building *any* React apps, and mastering it will give you a much deeper understanding.
94
-
>>>>>>> 7e4f503d86bee08b88eed77a6c9d06077863a27c
86
+
अगर आप **कर के सीखना** पसंद करते हैं तो हमारा [प्रैक्टिकल टुटोरिअल देखें](/tutorial/tutorial.html)। इस टुटोरिअल में हम एक टिक-टैक्-टो का गेम React में बनाएँगे। हो सकता है आपको ऐसा लगे की हमें ये छोड़ देना चाहिए क्योकि हम कोई गेम नहीं बना रहे -- लेकिन इसे एक मौका दें। इसमें सीखी गई विधियां *किसी भी* React ऐप को बनाने में काम आएगी, और इसका अच्छा अभ्यास आपको React की गहरी समझ देगा।
Copy file name to clipboardExpand all lines: content/docs/rendering-elements.md
+4-25Lines changed: 4 additions & 25 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -32,14 +32,9 @@ const element = <h1>Hello, world</h1>;
32
32
33
33
हम इसे "रूट" DOM नोड कहते है क्यूँकि इसके अंदर की सारी चीज़ें React DOM के द्वारा संचालित होगी।
34
34
35
-
36
-
<<<<<<< HEAD
37
35
React के उपयोग से बने ज़्यादातर ऐप्लिकेशन में एक ही रूट DOM नोड होता है। परंतु यदि आप React को किसी पहले से बने हुए app में उपयोग करना चाहते है तो आप कितने भी अलग अलग रूट DOM नोड बना सकते है।
38
36
39
-
एक React एलिमेंट्स को DOM नोड में दर्शाने के लिए, आपको इन दोनो को `ReactDOM.render()` में भेजना पड़ेगा:
40
-
=======
41
-
To render a React element into a root DOM node, pass both to [`ReactDOM.render()`](/docs/react-dom.html#render):
42
-
>>>>>>> 7e4f503d86bee08b88eed77a6c9d06077863a27c
37
+
एक React एलिमेंट्स को DOM नोड में दर्शाने के लिए, आपको इन दोनो को [`ReactDOM.render()`](/docs/react-dom.html#render) में भेजना पड़ेगा:
43
38
44
39
`embed:rendering-elements/render-an-element.js`
45
40
@@ -51,31 +46,19 @@ To render a React element into a root DOM node, pass both to [`ReactDOM.render()
51
46
52
47
React एलिमेंट्स [अचल](https://en.wikipedia.org/wiki/Immutable_object) होते है। एक बार एलेमेंट के बनने के बाद, आप उसके चिल्ड्रन या ऐट्रिब्यूट्स में परिवर्तन नहीं कर सकते। एक एलेमेंट एक चलचित्र के एक दृश्य के समान है, ये UI को एक निश्चित समय के लिए दर्शाता है।
53
48
54
-
<<<<<<< HEAD
55
-
हमारे अब तक के ज्ञान के अनुसार, UI में परिवर्तन करने का एक ही तरीक़ा है। इसके लिए हमें एक नया एलेमेंट बना कर उसे `ReactDOM.render()` को भेजना पड़ेगा।
56
-
=======
57
-
With our knowledge so far, the only way to update the UI is to create a new element, and pass it to [`ReactDOM.render()`](/docs/react-dom.html#render).
58
-
>>>>>>> 7e4f503d86bee08b88eed77a6c9d06077863a27c
49
+
हमारे अब तक के ज्ञान के अनुसार, UI में परिवर्तन करने का एक ही तरीक़ा है। इसके लिए हमें एक नया एलेमेंट बना कर उसे [`ReactDOM.render()`](/docs/react-dom.html#render) को भेजना पड़ेगा।
ये `ReactDOM.render()` को प्रत्येक सेकंड [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) callback से कॉल करता है।
68
-
=======
69
-
It calls [`ReactDOM.render()`](/docs/react-dom.html#render) every second from a [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) callback.
70
-
>>>>>>> 7e4f503d86bee08b88eed77a6c9d06077863a27c
57
+
ये [`ReactDOM.render()`](/docs/react-dom.html#render) को प्रत्येक सेकंड [`setInterval()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval) callback से कॉल करता है।
71
58
72
59
>**ध्यान दें:**
73
60
>
74
-
<<<<<<< HEAD
75
-
>व्यवहार में, ज़्यादातर React ऍप्स `ReactDOM.render()` को एक ही बार कॉल करते है। अगले भाग में हम ये सीखेंगे कि कैसे इस तरह के कोड को [stateful components](/docs/state-and-lifecycle.html) में एन्काप्सुलेट करते है।
76
-
=======
77
-
>In practice, most React apps only call [`ReactDOM.render()`](/docs/react-dom.html#render) once. In the next sections we will learn how such code gets encapsulated into [stateful components](/docs/state-and-lifecycle.html).
78
-
>>>>>>> 7e4f503d86bee08b88eed77a6c9d06077863a27c
61
+
>व्यवहार में, ज़्यादातर React ऍप्स [`ReactDOM.render()`](/docs/react-dom.html#render) को एक ही बार कॉल करते है। अगले भाग में हम ये सीखेंगे कि कैसे इस तरह के कोड को [stateful components](/docs/state-and-lifecycle.html) में एन्काप्सुलेट करते है।
79
62
>
80
63
>हम अनुशंसा करते हैं कि आप विषयों को छोड़ें नहीं क्योंकि वे एक-दूसरे पर निर्माण करते हैं।
81
64
@@ -89,8 +72,4 @@ React, DOM एलिमेंट्स और उसके चिल्डरे
89
72
90
73
भले ही हम हर टिक पर पूरे UI ट्री का वर्णन करने वाला एक एलेमेंट बनाते हैं, लेकिन केवल टेक्स्ट नोड जिसकी सामग्री बदल गई है वह React DOM द्वारा अपडेट हो जाता है।
91
74
92
-
<<<<<<< HEAD
93
75
हमारे अनुभव से, UI को कैसे अप्डेट करना है के बिपरीत यदि हम ये सोचे की UI को किसी समय कैसे दिखाना है तो हम बहुत सारी बग से बच सकते है।
94
-
=======
95
-
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.
Copy file name to clipboardExpand all lines: content/tutorial/tutorial.md
+1-5Lines changed: 1 addition & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -295,11 +295,7 @@ class Square extends React.Component {
295
295
296
296
>ध्यान दें
297
297
>
298
-
<<<<<<< HEAD
299
-
>[जावास्क्रिप्ट क्लासेस](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes) में, सबक्लास के constructor को परिभाषित करते समय आपको हमेशा `super` कॉल करने की आवश्यकता होती है। सभी React कौम्पोनॅन्ट क्लासेस जिनके पास `कंस्ट्रक्टर` है, उन्हें `super(props)` कॉल से शुरू करना चाहिए।
300
-
=======
301
-
>In [JavaScript classes](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes), you need to always call `super` when defining the constructor of a subclass. All React component classes that have a `constructor` should start with a `super(props)` call.
302
-
>>>>>>> 7e4f503d86bee08b88eed77a6c9d06077863a27c
298
+
>[जावास्क्रिप्ट क्लासेस](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes) में, सबक्लास के constructor को परिभाषित करते समय आपको हमेशा `super` कॉल करने की आवश्यकता होती है। सभी React कौम्पोनॅन्ट क्लासेस जिनके पास `constructor` है, उन्हें `super(props)` कॉल से शुरू करना चाहिए।
303
299
304
300
अब हम क्लिक करने पर वर्तमान state की वैल्यू प्रदर्शित करने के लिए Square के `render` मेथड को कुछ ऐसे बदलेंगे :
0 commit comments