Skip to content

Commit 886f99b

Browse files
moshfiqronymoshfiqrony
authored
Merge pull request #11 from nomandhoni-cs/react-developer-tools-page
Translation of React Developer Tools Page
2 parents 8cbd24a + 31357a8 commit 886f99b

File tree

1 file changed

+21
-21
lines changed

1 file changed

+21
-21
lines changed

‎src/content/learn/react-developer-tools.md‎

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,33 @@
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.
7+
React এর [components](/learn/your-first-component) ইন্সপেক্ট, [props](/learn/passing-props-to-a-component) এবং [state](/learn/state-a-components-memory) এডিট, এবং পারফরমেন্স সমস্যা শনাক্ত করার জন্য React ডেভেলপার টুলস ব্যবহার করুন।
88

99
</Intro>
1010

1111
<YouWillLearn>
1212

13-
* How to install React Developer Tools
13+
* কিভাবে React ডেভেলপার টুলস ইন্সটল করতে হয়
1414

1515
</YouWillLearn>
1616

17-
## Browser extension {/*browser-extension*/}
17+
## ব্রাউজার এক্সটেনশন {/*browser-extension*/}
1818

19-
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:
19+
React দিয়ে তৈরি ওয়েবসাইট ডিবাগ করার সবচেয়ে সহজ উপায় হল React ডেভেলপার টুলস ব্রাউজার এক্সটেনশন ইনস্টল করা। এই ব্রাউজার এক্সটেনশনটি কয়েকটি জনপ্রিয় ব্রাউজারে পাওয়া যাচ্ছে।
2020

21-
* [Install for **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)
22-
* [Install for **Firefox**](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)
23-
* [Install for **Edge**](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil)
21+
* [**গুগল ক্রোম** এর জন্য ইন্সটল করুন](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en)
22+
* [**মজিলা ফায়ারফক্স** এর জন্য ইন্সটল করুন](https://addons.mozilla.org/en-US/firefox/addon/react-devtools/)
23+
* [**মাইক্রোসফট এজ** এর জন্য ইন্সটল করুন](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil)
2424

25-
Now, if you visit a website **built with React,** you will see the _Components_ and _Profiler_ panels.
25+
এখন, আপনি যদি **React দিয়ে তৈরি** একটি ওয়েবসাইটে যান তাহলে, আপনি _Components_ এবং _Profiler_ প্যানেল ব্রাউজার ডেভেলপার টুলস এ দেখতে পাবেন।
2626

2727
![React Developer Tools extension](/images/docs/react-devtools-extension.png)
2828

29-
### Safari and other browsers {/*safari-and-other-browsers*/}
30-
For other browsers (for example, Safari), install the [`react-devtools`](https://www.npmjs.com/package/react-devtools) npm package:
29+
### সাফারি এবং অন্যান্য ব্রাউজার {/*safari-and-other-browsers*/}
30+
অন্যান্য ব্রাউজার (যেমনঃ সাফারি) এর জন্য ইন্সটল করুন [`react-devtools`](https://www.npmjs.com/package/react-devtools) npm প্যাকেজঃ
3131
```bash
3232
# Yarn
3333
yarn global add react-devtools
@@ -36,26 +36,26 @@ yarn global add react-devtools
3636
npm install -g react-devtools
3737
```
3838

39-
Next open the developer tools from the terminal:
39+
তারপর Terminal থেকে ডেভেলপার টুলসটি ওপেন করুনঃ
4040
```bash
4141
react-devtools
4242
```
4343

44-
Then connect your website by adding the following `<script>` tag to the beginning of your website's `<head>`:
44+
তারপর আপনার ওয়েবসাইটের সাথে সংযোগ স্থাপনের জন্য নিচের `<script>` ট্যাগ টি আপনার ওয়েবসাইটের শুরুতে `<head>` ট্যাগ এর ভিতরে যুক্ত করুনঃ
4545
```html {3}
4646
<html>
4747
<head>
4848
<script src="http://localhost:8097"></script>
4949
```
5050

51-
Reload your website in the browser now to view it in developer tools.
51+
এখন React ডেভেলপার টুলসটি, ব্রাউজার ডেভেলপার টুলস এ দেখার জন্য ব্রাউজারে আপনার ওয়েবসাইটি Reload করুন।
5252

5353
![React Developer Tools standalone](/images/docs/react-devtools-standalone.png)
5454

55-
## Mobile (React Native) {/*mobile-react-native*/}
56-
React Developer Tools can be used to inspect apps built with [React Native](https://reactnative.dev/) as well.
55+
## মোবাইল (React Native) {/*mobile-react-native*/}
56+
[React Native](https://reactnative.dev/) দিয়ে তৈরি অ্যাপস গুলো inspect করার জন্যেও আপনি React ডেভেলপার টুলস ব্যবহার করতে পারেন।
5757

58-
The easiest way to use React Developer Tools is to install it globally:
58+
সবচেয়ে সহজ উপায় হলো React ডেভেলপার টুলস টি আপনার সিস্টেমে globally ইন্সটল করাঃ
5959
```bash
6060
# Yarn
6161
yarn global add react-devtools
@@ -64,13 +64,13 @@ yarn global add react-devtools
6464
npm install -g react-devtools
6565
```
6666

67-
Next open the developer tools from the terminal.
67+
তারপর Terminal থেকে ডেভেলপার টুলসটি ওপেন করুনঃ
6868
```bash
6969
react-devtools
7070
```
7171

72-
It should connect to any local React Native app that's running.
72+
তারপর এটি আপনার যেকোনো চলমান local React Native অ্যাপ এর সাথে কাজ করবে।
7373

74-
> Try reloading the app if developer tools doesn't connect after a few seconds.
74+
> যদি ডেভেলপার টুলসটি আপনার অ্যাপ এর সাথে কয়েক সেকেন্ডের মধ্যে কানেক্ট না হয় তাহলে আপনার অ্যাপটি Reload করুন।
7575
76-
[Learn more about debugging React Native.](https://reactnative.dev/docs/debugging)
76+
[React Native দিয়ে তৈরি অ্যাপ এর ডিবাগিং করা সম্পর্কে আরো জানুন।](https://reactnative.dev/docs/debugging)

0 commit comments

Comments
 (0)