From 9f2f5570947467becf102955c6e7320d48956ef8 Mon Sep 17 00:00:00 2001 From: Madan Lal <36108781+NorinMp143@users.noreply.github.com> Date: Fri, 10 Jan 2020 17:20:54 +0530 Subject: [PATCH 1/5] just change english to hindi more than half work done! --- content/docs/add-react-to-a-website.md | 73 +++++++++++++------------- 1 file changed, 36 insertions(+), 37 deletions(-) diff --git a/content/docs/add-react-to-a-website.md b/content/docs/add-react-to-a-website.md index a03d0e8a5..1fff72b3d 100644 --- a/content/docs/add-react-to-a-website.md +++ b/content/docs/add-react-to-a-website.md @@ -7,29 +7,28 @@ redirect_from: prev: getting-started.html next: create-a-new-react-app.html --- +अपनी आवश्यकता के अनुसार कम या ज्यादा React का उपयोग करें -Use as little or as much React as you need. +क्रमिक गोद या अपने तरीके से उपयोग करने के लिए शुरू से ही इसी तरह डिज़ाइन की गई है, और **आप आवश्यकतानुसार कम या ज्यादा इसका उपयोग कर सकते हैं**। शायद आप केवल एक मौजूदा पेज पर कुछ "अन्तरक्रियाशीलता के छिड़काव( इसके अंतर्गत कुछ छोटा सा काम )" जोड़ना चाहते हैं। React Component ऐसा करने का एक शानदार तरीका है। -React has been designed from the start for gradual adoption, and **you can use as little or as much React as you need**. Perhaps you only want to add some "sprinkles of interactivity" to an existing page. React components are a great way to do that. - -The majority of websites aren't, and don't need to be, single-page apps. With **a few lines of code and no build tooling**, try React in a small part of your website. You can then either gradually expand its presence, or keep it contained to a few dynamic widgets. +अधिकांश वेबसाइटों को एकल-पृष्ठ ऐप्स होने की आवश्यकता नहीं है, और नहीं भी। **कोड की कुछ पंक्तियों और बिना किसी बिल्ड टूलिंग** के साथ, अपनी वेबसाइट के एक छोटे से हिस्से में React उपयोग करने का प्रयास करें। आप तब या तो धीरे-धीरे अपनी उपस्थिति का विस्तार कर सकते हैं, या इसे कुछ गतिशील विजेट में समाहित में रखे। --- -- [Add React in One Minute](#add-react-in-one-minute) -- [Optional: Try React with JSX](#optional-try-react-with-jsx) (no bundler necessary!) +- [एक मिनट में React जोड़ें](#add-react-in-one-minute) +- [वैकल्पिक: JSX के साथ React का उपयोग करे](#optional-try-react-with-jsx) ( किसी भी बंडल आवश्यकता नहीं !) -## Add React in One Minute {#add-react-in-one-minute} +## एक मिनट में React जोड़ें {#add-react-in-one-minute} -In this section, we will show how to add a React component to an existing HTML page. You can follow along with your own website, or create an empty HTML file to practice. +इस अनुभाग में, हम यह दिखाएंगे कि किसी मौजूदा HTML पृष्ठ पर एक React Component कैसे जोड़ा जाए। आप अपनी वेबसाइट के साथ अनुसरण कर सकते हैं, या अभ्यास करने के लिए एक खाली HTML फ़ाइल बना सकते हैं। -There will be no complicated tools or install requirements -- **to complete this section, you only need an internet connection, and a minute of your time.** +यहाँ कोई जटिल उपकरण नहीं होगा या आवश्यकताओं को स्थापित( इनस्टॉल ) नहीं किया जाएगा -- **इस अनुभाग को पूरा करने के लिए, आपको केवल एक इंटरनेट कनेक्शन और आपके समय का एक मिनट चाहिए।** -Optional: [Download the full example (2KB zipped)](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip) +वैकल्पिक: [पूरा उदाहरण डाउनलोड करें (2KB zipped)](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip) -### Step 1: Add a DOM Container to the HTML {#step-1-add-a-dom-container-to-the-html} +### चरण 1: HTML में DOM कंटेनर जोड़ें {#step-1-add-a-dom-container-to-the-html} -First, open the HTML page you want to edit. Add an empty `
` tag to mark the spot where you want to display something with React. For example: +सबसे पहले, उस HTML पेज को खोलें जिसे आप संपादित( एडिट ) करना चाहते हैं। उस स्थान को चिह्नित करने के लिए एक खाली `
` टैग जोड़ें जहां आप React के साथ कुछ प्रदर्शित करना चाहते हैं। उदाहरण के लिए: ```html{3} @@ -39,15 +38,15 @@ First, open the HTML page you want to edit. Add an empty `
` tag to mark the ``` -We gave this `
` a unique `id` HTML attribute. This will allow us to find it from the JavaScript code later and display a React component inside of it. +हमने इस `
` को एक अद्वितीय ( नया ) `id` HTML attribute दिया है। यह हमें बाद में जावास्क्रिप्ट ( JavaScript ) कोड से इसे खोजने और इसके अंदर एक React Component प्रदर्शित करने की अनुमति देगा। ->Tip +>टिप > ->You can place a "container" `
` like this **anywhere** inside the `` tag. You may have as many independent DOM containers on one page as you need. They are usually empty -- React will replace any existing content inside DOM containers. +>आप एक "कंटेनर" `
` को इस तरह से **कहीं भी** `` टैग के अंदर रख सकते हैं। आपके पास एक पृष्ठ पर कई स्वतंत्र डोम कंटेनर हो सकते हैं जैसी आपकी आवश्यकता हो। वे आम तौर पर खाली होते हैं - React डोम (Dom) कंटेनर के अंदर किसी भी मौजूदा सामग्री को बदल देगी। -### Step 2: Add the Script Tags {#step-2-add-the-script-tags} +### चरण 2: स्क्रिप्ट टैग जोड़ें {#step-2-add-the-script-tags} -Next, add three ` From 1143574034db326b7ee6dc0c0a10b972fefd367b Mon Sep 17 00:00:00 2001 From: Madan Lal <36108781+NorinMp143@users.noreply.github.com> Date: Fri, 10 Jan 2020 18:48:05 +0530 Subject: [PATCH 2/5] changed en to hi full work done! --- content/docs/add-react-to-a-website.md | 55 ++++++++++++++------------ 1 file changed, 29 insertions(+), 26 deletions(-) diff --git a/content/docs/add-react-to-a-website.md b/content/docs/add-react-to-a-website.md index 1fff72b3d..61059f561 100644 --- a/content/docs/add-react-to-a-website.md +++ b/content/docs/add-react-to-a-website.md @@ -118,11 +118,12 @@ React को एकीकृत (इंटिग्रेटिंग) करन ``` -If you don't have a minification step for your scripts, [here's one way to set it up](https://gist.github.com/gaearon/42a2ffa41b8319948f9be4076286e1f3). +यदि आपके पास अपनी स्क्रिप्ट के लिए कोई मिनिमाइज़ेशन चरण नहीं है, [यहाँ इसे स्थापित करने का एक तरीका है](https://gist.github.com/gaearon/42a2ffa41b8319948f9be4076286e1f3). -## Optional: Try React with JSX {#optional-try-react-with-jsx} +## वैकल्पिक: JSX के साथ React का उपयोग करे {#optional-try-react-with-jsx} -In the examples above, we only relied on features that are natively supported by the browsers. This is why we used a JavaScript function call to tell React what to display: +ऊपर दिए गए उदाहरणों में, हम केवल उन विशेषताओं पर भरोसा करते हैं जो ब्राउज़र द्वारा मूल रूप से समर्थित (सपोर्टेड) हैं। यही कारण है कि हमें React को बताने के लिए +JavaScript (जावास्क्रिप्ट) फ़ंक्शन कॉल का उपयोग किया कि क्या प्रदर्शित करें: ```js const e = React.createElement; @@ -135,7 +136,7 @@ return e( ); ``` -However, React also offers an option to use [JSX](/docs/introducing-jsx.html) instead: +हालाँकि, React इसके बजाय [JSX](/docs/introducing-jsx.html) का उपयोग करने का एक विकल्प प्रदान करता है: ```js // Display a "Like"