From 72d233bf3bbd6bcc188d3a551b4b63c752575c20 Mon Sep 17 00:00:00 2001 From: Anish Prashun <66175058+Anishpras@users.noreply.github.com> Date: Sat, 8 Jan 2022 17:24:00 +0530 Subject: [PATCH 1/6] title translated --- beta/src/pages/learn/react-developer-tools.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/beta/src/pages/learn/react-developer-tools.md b/beta/src/pages/learn/react-developer-tools.md index 2aa9321df..d1e0bff17 100644 --- a/beta/src/pages/learn/react-developer-tools.md +++ b/beta/src/pages/learn/react-developer-tools.md @@ -1,5 +1,5 @@ --- -title: React Developer Tools +title: React डेवलपर उपकरण --- From 8c7fe416a11c352e00404182e7ac1ea61d7c3e1c Mon Sep 17 00:00:00 2001 From: Anish Prashun <66175058+Anishpras@users.noreply.github.com> Date: Sun, 9 Jan 2022 16:32:37 +0530 Subject: [PATCH 2/6] first paragraph done --- beta/src/pages/learn/react-developer-tools.md | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/beta/src/pages/learn/react-developer-tools.md b/beta/src/pages/learn/react-developer-tools.md index d1e0bff17..bb3a0099c 100644 --- a/beta/src/pages/learn/react-developer-tools.md +++ b/beta/src/pages/learn/react-developer-tools.md @@ -1,16 +1,15 @@ --- -title: React डेवलपर उपकरण +title: React डेवलपर टूल्स --- -Use React Developer Tools to inspect React [components](/learn/your-first-component), edit [props](/learn/passing-props-to-a-component) and [state](/learn/state-a-components-memory), and identify performance problems. - +React [कंपोनेंट्स](/learn/your-first-component), का निरीक्षण करने के लिए रिएक्ट डेवलपर टूल्स का उपयोग करें, [प्रॉप्स](/learn/passing-props-to-a-component) और [स्टेट](/learn/state-a-components-memory) एडिट करे, और प्रदर्शन समस्याओं की पहचान करें। -## Browser extension {/*browser-extension*/} +## ब्राउज़र एक्सटेंशन {/*browser-extension*/} -The easiest way to debug websites built with React is to install the React Developer Tools browser extension. It is available for several popular browsers: +React के साथ निर्मित वेबसाइटों को डिबग करने का सबसे आसान तरीका रिएक्ट डेवलपर टूल्स ब्राउज़र एक्सटेंशन को स्थापित करना है। यह कई लोकप्रिय ब्राउज़रों के लिए उपलब्ध है: * [Install for **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) * [Install for **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) From 45507980e0301e6b2f43854adabea217b2811f63 Mon Sep 17 00:00:00 2001 From: Anish Prashun <66175058+Anishpras@users.noreply.github.com> Date: Sun, 9 Jan 2022 16:39:37 +0530 Subject: [PATCH 3/6] till line 37 done --- beta/src/pages/learn/react-developer-tools.md | 20 +++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/beta/src/pages/learn/react-developer-tools.md b/beta/src/pages/learn/react-developer-tools.md index bb3a0099c..6ce599701 100644 --- a/beta/src/pages/learn/react-developer-tools.md +++ b/beta/src/pages/learn/react-developer-tools.md @@ -9,18 +9,18 @@ React [कंपोनेंट्स](/learn/your-first-component), का न ## ब्राउज़र एक्सटेंशन {/*browser-extension*/} -React के साथ निर्मित वेबसाइटों को डिबग करने का सबसे आसान तरीका रिएक्ट डेवलपर टूल्स ब्राउज़र एक्सटेंशन को स्थापित करना है। यह कई लोकप्रिय ब्राउज़रों के लिए उपलब्ध है: +React के साथ निर्मित वेबसाइटों को डिबग करने का सबसे आसान तरीका React Developer Tools ब्राउज़र एक्सटेंशन को स्थापित करना है। यह कई लोकप्रिय ब्राउज़रों के लिए उपलब्ध है: -* [Install for **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) -* [Install for **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) -* [Install for **Edge**](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) +* [**क्रोम** के लिए इनस्टॉल करे](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) +* [**फ़िरेफोक्स** के लिए इनस्टॉल करे](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) +* [**एज** के लिए इनस्टॉल करे](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) -Now, if you visit a website **built with React**, you will see the _Components_ and _Profiler_ panels. +अब, यदि आप **React के साथ निर्मित ** वेबसाइट पर जाते हैं, तो आपको _Components_ और _Profiler_ पैनल दिखाई देंगे। -![React Developer Tools extension](/images/docs/react-devtools-extension.png) +![React डेवलपर टूल्स एक्सटेंशन](/images/docs/react-devtools-extension.png) -### Safari and other browsers {/*safari-and-other-browsers*/} -For other browsers (for example, Safari), install the [`react-devtools`](https://www.npmjs.com/package/react-devtools) npm package: +### सफारी और अन्य ब्राउज़र {/*safari-and-other-browsers*/} +अन्य ब्राउज़रों के लिए (उदाहरण के लिए, सफारी), [`react-devtools`](https://www.npmjs.com/package/react-devtools) npm पैकेज इंस्टॉल करें: ```bash # Yarn yarn global add react-devtools @@ -29,12 +29,12 @@ yarn global add react-devtools npm install -g react-devtools ``` -Next open the developer tools from the terminal: +अगला टर्मिनल से डेवलपर टूल खोलें: ```bash react-devtools ``` -Then connect your website by adding the following ` ``` -Reload your website in the browser now to view it in developer tools. +अपनी वेबसाइट को डेवलपर टूल में देखने के लिए उसे अभी ब्राउज़र में पुनः लोड करें। -![React Developer Tools standalone](/images/docs/react-devtools-standalone.png) +![रिएक्ट डेवलपर टूल्स स्टैंडअलोन](/images/docs/react-devtools-standalone.png) -## Mobile (React Native) {/*mobile-react-native*/} -React Developer Tools can be used to inspect apps built with [React Native](https://reactnative.dev/) as well. +## मोबाइल (React Native) {/*mobile-react-native*/} +रिएक्ट डेवलपर टूल का उपयोग [React Native](https://reactnative.dev/) के साथ निर्मित ऐप्स का निरीक्षण करने के लिए भी किया जा सकता है। -The easiest way to use React Developer Tools is to install it globally: +रिएक्ट डेवलपर टूल्स का उपयोग करने का सबसे आसान तरीका इसे ग्लोबली इनस्टॉल करना है: ```bash # Yarn yarn global add react-devtools From 9f751f5f3f14cb512f2af1a3bf3fa81be9e81d87 Mon Sep 17 00:00:00 2001 From: Anish Prashun <66175058+Anishpras@users.noreply.github.com> Date: Sun, 9 Jan 2022 16:46:40 +0530 Subject: [PATCH 5/6] page translated --- beta/src/pages/learn/react-developer-tools.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/beta/src/pages/learn/react-developer-tools.md b/beta/src/pages/learn/react-developer-tools.md index afd2e0f6d..d34438be2 100644 --- a/beta/src/pages/learn/react-developer-tools.md +++ b/beta/src/pages/learn/react-developer-tools.md @@ -57,13 +57,13 @@ yarn global add react-devtools npm install -g react-devtools ``` -Next open the developer tools from the terminal. +इसके बाद टर्मिनल से डेवलपर टूल खोलें। ```bash react-devtools ``` -It should connect to any local React Native app that's running. +इसे चल रहे किसी भी स्थानीय React Native ऐप से कनेक्ट होना चाहिए। -> Try reloading the app if developer tools doesn't connect after a few seconds. +> यदि डेवलपर टूल कुछ सेकंड के बाद कनेक्ट नहीं होते हैं, तो ऐप को पुनः लोड करने का प्रयास करें। -[Learn more about debugging React Native.](https://reactnative.dev/docs/debugging) +[React Native डीबग करने के बारे में और जानें।](https://reactnative.dev/docs/debugging) From a454e97f3e8d572e67685597ad6ca3ae7a100cb4 Mon Sep 17 00:00:00 2001 From: Anish Prashun <66175058+Anishpras@users.noreply.github.com> Date: Sun, 9 Jan 2022 17:44:28 +0530 Subject: [PATCH 6/6] changes done --- beta/src/pages/learn/react-developer-tools.md | 32 +++++++++---------- 1 file changed, 16 insertions(+), 16 deletions(-) diff --git a/beta/src/pages/learn/react-developer-tools.md b/beta/src/pages/learn/react-developer-tools.md index d34438be2..93f5c25b5 100644 --- a/beta/src/pages/learn/react-developer-tools.md +++ b/beta/src/pages/learn/react-developer-tools.md @@ -4,23 +4,23 @@ title: React डेवलपर टूल्स -React [कंपोनेंट्स](/learn/your-first-component), का निरीक्षण करने के लिए रिएक्ट डेवलपर टूल्स का उपयोग करें, [प्रॉप्स](/learn/passing-props-to-a-component) और [स्टेट](/learn/state-a-components-memory) एडिट करे, और प्रदर्शन समस्याओं की पहचान करें। +React [कौम्पोनॅन्ट](/learn/your-first-component), का निरीक्षण करने के लिए React डेवलपर टूल्स का उपयोग करेंं, [props](/learn/passing-props-to-a-component) और [state](/learn/state-a-components-memory) एडिट करेंं, और परफॉरमेंस समस्याओं की पहचान करेंं। ## ब्राउज़र एक्सटेंशन {/*browser-extension*/} -React के साथ निर्मित वेबसाइटों को डिबग करने का सबसे आसान तरीका React Developer Tools ब्राउज़र एक्सटेंशन को स्थापित करना है। यह कई लोकप्रिय ब्राउज़रों के लिए उपलब्ध है: +React के साथ बनी वेबसाइटों को डिबग करने का सबसे आसान तरीका React Developer Tools ब्राउज़र एक्सटेंशन को इनस्टॉल करना है। यह कई लोकप्रिय ब्राउज़रों के लिए उपलब्ध है: -* [**क्रोम** के लिए इनस्टॉल करे](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) -* [**फ़िरेफोक्स** के लिए इनस्टॉल करे](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) -* [**एज** के लिए इनस्टॉल करे](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) +* [**Chrome** के लिए इनस्टॉल करेंं](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) +* [**Firefox** के लिए इनस्टॉल करेंं](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/) +* [**Edge** के लिए इनस्टॉल करेंं](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) -अब, यदि आप **React के साथ निर्मित ** वेबसाइट पर जाते हैं, तो आपको _Components_ और _Profiler_ पैनल दिखाई देंगे। +अब, यदि आप **React से बनी** वेबसाइट पर जाते हैं, तो आपको _Components_ और _Profiler_ पैनल दिखाई देंगे। ![React डेवलपर टूल्स एक्सटेंशन](/images/docs/react-devtools-extension.png) -### सफारी और अन्य ब्राउज़र {/*safari-and-other-browsers*/} -अन्य ब्राउज़रों के लिए (उदाहरण के लिए, सफारी), [`react-devtools`](https://www.npmjs.com/package/react-devtools) npm पैकेज इंस्टॉल करें: +### Safari और अन्य ब्राउज़र {/*safari-and-other-browsers*/} +अन्य ब्राउज़रों के लिए (उदाहरण के लिए, Safari), [`react-devtools`](https://www.npmjs.com/package/react-devtools) npm पैकेज इंस्टॉल करेंं: ```bash # Yarn yarn global add react-devtools @@ -29,26 +29,26 @@ yarn global add react-devtools npm install -g react-devtools ``` -अगला टर्मिनल से डेवलपर टूल खोलें: +इसके बाद टर्मिनल से डेवलपर टूल खोलें: ```bash react-devtools ``` -फिर अपनी वेबसाइट के `` की शुरुआत में निम्न ` ``` -अपनी वेबसाइट को डेवलपर टूल में देखने के लिए उसे अभी ब्राउज़र में पुनः लोड करें। +अपनी वेबसाइट को डेवलपर टूल में देखने के लिए उसे अभी ब्राउज़र में रीलोड करेंं। -![रिएक्ट डेवलपर टूल्स स्टैंडअलोन](/images/docs/react-devtools-standalone.png) +![React डेवलपर टूल्स स्टैंडअलोन](/images/docs/react-devtools-standalone.png) ## मोबाइल (React Native) {/*mobile-react-native*/} -रिएक्ट डेवलपर टूल का उपयोग [React Native](https://reactnative.dev/) के साथ निर्मित ऐप्स का निरीक्षण करने के लिए भी किया जा सकता है। +React डेवलपर टूल का उपयोग [React Native](https://reactnative.dev/) के साथ बनी ऐप्स का निरीक्षण करने के लिए भी किया जा सकता है। -रिएक्ट डेवलपर टूल्स का उपयोग करने का सबसे आसान तरीका इसे ग्लोबली इनस्टॉल करना है: +React डेवलपर टूल्स का उपयोग करने का सबसे आसान तरीका इसे ग्लोबली इनस्टॉल करना है: ```bash # Yarn yarn global add react-devtools @@ -62,8 +62,8 @@ npm install -g react-devtools react-devtools ``` -इसे चल रहे किसी भी स्थानीय React Native ऐप से कनेक्ट होना चाहिए। +इसे चल रहे किसी भी लोकल React Native ऐप से कनेक्ट होना चाहिए। -> यदि डेवलपर टूल कुछ सेकंड के बाद कनेक्ट नहीं होते हैं, तो ऐप को पुनः लोड करने का प्रयास करें। +> यदि डेवलपर टूल कुछ सेकंड के बाद कनेक्ट नहीं होते हैं, तो ऐप को रीलोड करने का प्रयास करेंं। [React Native डीबग करने के बारे में और जानें।](https://reactnative.dev/docs/debugging)