Skip to content

Commit 82a8c0d

Browse files
Merge branch 'master' into sync-7e4f503d
2 parents 32010f3 + 1d55167 commit 82a8c0d

File tree

5 files changed

+11
-56
lines changed

5 files changed

+11
-56
lines changed

content/docs/components-and-props.md

Lines changed: 3 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -41,13 +41,9 @@ class Welcome extends React.Component {
4141
}
4242
```
4343

44-
ऊपर के दोनों कौम्पोनॅन्ट React के दृष्टिकोण से बराबर है|
44+
ऊपर के दोनों कौम्पोनॅन्ट React के दृष्टिकोण से बराबर है
4545

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) में चर्चा करेंगे।
5147

5248
## कौम्पोनॅन्ट रेंडरिंग {#rendering-a-component}
5349

@@ -63,11 +59,7 @@ const element = <div />;
6359
const element = <Welcome name="नेहा" />;
6460
```
6561

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" कहते हैं।
7163

7264
उदाहरण के लिए, यह कोड पेज पर रेंडर करता है "नमस्ते, नेहा":
7365

content/docs/getting-started.md

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -36,11 +36,7 @@ React को धीरे-धीरे ग्रहण करने के ल
3636

3737
### ऑनलाइन प्लेग्राउंड्स {#online-playgrounds}
3838

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 टेम्पलेट इस्तेमाल कर सकते हैं।
4440

4541
अगर आप अपना Text Editor इस्तमाल करना चा रहे है, आप [इस HTML फाइल को डाउनलोड](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html) कर सकतें हैं, फिर आप उसे एडिट करके अपने लोकल फिलेसिस्टम से इसे अपने ब्राउज़र में खोल सकते हैं। यह रनटाइम कोड ट्रांसफॉर्मेशन को धीमे करता है, हम इसे खाली सरल डेमो के लिए ही इस्तेमाल करने का अनुग्रह करते हैं।
4642

@@ -87,11 +83,7 @@ React के दस्तावेज़ मानते है की आपक
8783
8884
### प्रैक्टिकल टुटोरिअल {#practical-tutorial}
8985

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 की गहरी समझ देगा।
9587

9688
### स्टेप-बाय-स्टेप गाइड {#step-by-step-guide}
9789

content/docs/rendering-elements.md

Lines changed: 4 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -32,14 +32,9 @@ const element = <h1>Hello, world</h1>;
3232

3333
हम इसे "रूट" DOM नोड कहते है क्यूँकि इसके अंदर की सारी चीज़ें React DOM के द्वारा संचालित होगी।
3434

35-
36-
<<<<<<< HEAD
3735
React के उपयोग से बने ज़्यादातर ऐप्लिकेशन में एक ही रूट DOM नोड होता है। परंतु यदि आप React को किसी पहले से बने हुए app में उपयोग करना चाहते है तो आप कितने भी अलग अलग रूट DOM नोड बना सकते है।
3836

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) में भेजना पड़ेगा:
4338

4439
`embed:rendering-elements/render-an-element.js`
4540

@@ -51,31 +46,19 @@ To render a React element into a root DOM node, pass both to [`ReactDOM.render()
5146

5247
React एलिमेंट्स [अचल](https://en.wikipedia.org/wiki/Immutable_object) होते है। एक बार एलेमेंट के बनने के बाद, आप उसके चिल्ड्रन या ऐट्रिब्यूट्स में परिवर्तन नहीं कर सकते। एक एलेमेंट एक चलचित्र के एक दृश्य के समान है, ये UI को एक निश्चित समय के लिए दर्शाता है।
5348

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) को भेजना पड़ेगा।
5950

6051
इस टिकिंग घड़ी उदाहरण पर विचार करें:
6152

6253
`embed:rendering-elements/update-rendered-element.js`
6354

6455
[](codepen://rendering-elements/update-rendered-element)
6556

66-
<<<<<<< HEAD
67-
ये `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 से कॉल करता है।
7158

7259
>**ध्यान दें:**
7360
>
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) में एन्काप्सुलेट करते है।
7962
>
8063
>हम अनुशंसा करते हैं कि आप विषयों को छोड़ें नहीं क्योंकि वे एक-दूसरे पर निर्माण करते हैं।
8164
@@ -89,8 +72,4 @@ React, DOM एलिमेंट्स और उसके चिल्डरे
8972

9073
भले ही हम हर टिक पर पूरे UI ट्री का वर्णन करने वाला एक एलेमेंट बनाते हैं, लेकिन केवल टेक्स्ट नोड जिसकी सामग्री बदल गई है वह React DOM द्वारा अपडेट हो जाता है।
9174

92-
<<<<<<< HEAD
9375
हमारे अनुभव से, 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.
96-
>>>>>>> 7e4f503d86bee08b88eed77a6c9d06077863a27c

content/home/marketing/learn-once-write-anywhere.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,4 @@ order: 2
55

66
हम आपके अन्य तकनिकी स्टैक के बारे में धारणा नहीं बनाते हैं। तो आप मौजूदा कोड को फिर से लिखे बिना React में नई सुविधाएँ बना सकते हैं।
77

8-
<<<<<<< HEAD
9-
React सर्वर पर भी रेंडर कर सकता है और आप [React Native](https://facebook.github.io/react-native/) का उपयोग करके पावर मोबाइल ऐप भी बना सकते हैं।
10-
=======
11-
React can also render on the server using Node and power mobile apps using [React Native](https://reactnative.dev/).
12-
>>>>>>> 7e4f503d86bee08b88eed77a6c9d06077863a27c
8+
React सर्वर पर भी रेंडर कर सकता है और आप [React Native](https://reactnative.dev/) का उपयोग करके पावर मोबाइल ऐप भी बना सकते हैं।

content/tutorial/tutorial.md

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -295,11 +295,7 @@ class Square extends React.Component {
295295
296296
>ध्यान दें
297297
>
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)` कॉल से शुरू करना चाहिए।
303299
304300
अब हम क्लिक करने पर वर्तमान state की वैल्यू प्रदर्शित करने के लिए Square के `render` मेथड को कुछ ऐसे बदलेंगे :
305301

0 commit comments

Comments
 (0)