Skip to content

Commit 751c628

Browse files
arshadkazmi42arshadkazmi42
authored
Merge pull request #174 from Anishpras/beta-react-developer-tools
Beta react developer tools translation done
2 parents 29046f5 + a454e97 commit 751c628

File tree

1 file changed

+22
-23
lines changed

1 file changed

+22
-23
lines changed

‎beta/src/pages/learn/react-developer-tools.md

+22-23
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,26 @@
11
---
2-
title: React Developer Tools
2+
title: React डेवलपर टूल्स
33
---
44

55
<Intro>
66

7-
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.
8-
7+
React [कौम्पोनॅन्ट](/learn/your-first-component), का निरीक्षण करने के लिए React डेवलपर टूल्स का उपयोग करेंं, [props](/learn/passing-props-to-a-component) और [state](/learn/state-a-components-memory) एडिट करेंं, और परफॉरमेंस समस्याओं की पहचान करेंं।
98
</Intro>
109

11-
## Browser extension {/*browser-extension*/}
10+
## ब्राउज़र एक्सटेंशन {/*browser-extension*/}
1211

13-
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:
12+
React के साथ बनी वेबसाइटों को डिबग करने का सबसे आसान तरीका React Developer Tools ब्राउज़र एक्सटेंशन को इनस्टॉल करना है। यह कई लोकप्रिय ब्राउज़रों के लिए उपलब्ध है:
1413

15-
* [Install for **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)
16-
* [Install for **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)
17-
* [Install for **Edge**](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil)
14+
* [**Chrome** के लिए इनस्टॉल करेंं](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)
15+
* [**Firefox** के लिए इनस्टॉल करेंं](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)
16+
* [**Edge** के लिए इनस्टॉल करेंं](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil)
1817

19-
Now, if you visit a website **built with React**, you will see the _Components_ and _Profiler_ panels.
18+
अब, यदि आप **React से बनी** वेबसाइट पर जाते हैं, तो आपको _Components_ और _Profiler_ पैनल दिखाई देंगे।
2019

21-
![React Developer Tools extension](/images/docs/react-devtools-extension.png)
20+
![React डेवलपर टूल्स एक्सटेंशन](/images/docs/react-devtools-extension.png)
2221

23-
### Safari and other browsers {/*safari-and-other-browsers*/}
24-
For other browsers (for example, Safari), install the [`react-devtools`](https://www.npmjs.com/package/react-devtools) npm package:
22+
### Safari और अन्य ब्राउज़र {/*safari-and-other-browsers*/}
23+
अन्य ब्राउज़रों के लिए (उदाहरण के लिए, Safari), [`react-devtools`](https://www.npmjs.com/package/react-devtools) npm पैकेज इंस्टॉल करेंं:
2524
```bash
2625
# Yarn
2726
yarn global add react-devtools
@@ -30,26 +29,26 @@ yarn global add react-devtools
3029
npm install -g react-devtools
3130
```
3231

33-
Next open the developer tools from the terminal:
32+
इसके बाद टर्मिनल से डेवलपर टूल खोलें:
3433
```bash
3534
react-devtools
3635
```
3736

38-
Then connect your website by adding the following `<script>` tag to the beginning of your website's `<head>`:
37+
फिर अपनी वेबसाइट के `<head>` की शुरुआत में निम्न `<script>` टैग ऐड करके अपनी वेबसाइट कनेक्ट करेंं:
3938
```html {3}
4039
<html>
4140
<head>
4241
<script src="http://localhost:8097"></script>
4342
```
4443

45-
Reload your website in the browser now to view it in developer tools.
44+
अपनी वेबसाइट को डेवलपर टूल में देखने के लिए उसे अभी ब्राउज़र में रीलोड करेंं।
4645

47-
![React Developer Tools standalone](/images/docs/react-devtools-standalone.png)
46+
![React डेवलपर टूल्स स्टैंडअलोन](/images/docs/react-devtools-standalone.png)
4847

49-
## Mobile (React Native) {/*mobile-react-native*/}
50-
React Developer Tools can be used to inspect apps built with [React Native](https://reactnative.dev/) as well.
48+
## मोबाइल (React Native) {/*mobile-react-native*/}
49+
React डेवलपर टूल का उपयोग [React Native](https://reactnative.dev/) के साथ बनी ऐप्स का निरीक्षण करने के लिए भी किया जा सकता है।
5150

52-
The easiest way to use React Developer Tools is to install it globally:
51+
React डेवलपर टूल्स का उपयोग करने का सबसे आसान तरीका इसे ग्लोबली इनस्टॉल करना है:
5352
```bash
5453
# Yarn
5554
yarn global add react-devtools
@@ -58,13 +57,13 @@ yarn global add react-devtools
5857
npm install -g react-devtools
5958
```
6059

61-
Next open the developer tools from the terminal.
60+
इसके बाद टर्मिनल से डेवलपर टूल खोलें।
6261
```bash
6362
react-devtools
6463
```
6564

66-
It should connect to any local React Native app that's running.
65+
इसे चल रहे किसी भी लोकल React Native ऐप से कनेक्ट होना चाहिए।
6766

68-
> Try reloading the app if developer tools doesn't connect after a few seconds.
67+
> यदि डेवलपर टूल कुछ सेकंड के बाद कनेक्ट नहीं होते हैं, तो ऐप को रीलोड करने का प्रयास करेंं।
6968
70-
[Learn more about debugging React Native.](https://reactnative.dev/docs/debugging)
69+
[React Native डीबग करने के बारे में और जानें।](https://reactnative.dev/docs/debugging)

0 commit comments

Comments
 (0)