Skip to content

Commit e901c03

Browse files
committed
chore: added russian translation
1 parent 62cd321 commit e901c03

File tree

1 file changed

+25
-21
lines changed

1 file changed

+25
-21
lines changed

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

Lines changed: 25 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -4,30 +4,31 @@ title: React Developer Tools
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 Developer Tools для инспекции [компонентов](/learn/your-first-component) React, редактирования [пропсов](/learn/passing-props-to-a-component) и [состояния](/learn/state-a-components-memory), а также для выявления проблем с производительностью.
88

99
</Intro>
1010

1111
<YouWillLearn>
1212

13-
* How to install React Developer Tools
13+
* Как установить React Developer Tools
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 Developer Tools. Оно доступно для нескольких популярных браузеров.
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+
* [Установить для **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ru)
22+
* [Установить для **Firefox**](https://addons.mozilla.org/ru/firefox/addon/react-devtools/)
23+
* [Установить для **Edge**](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

27-
![React Developer Tools extension](/images/docs/react-devtools-extension.png)
27+
![Расширение React Developer Tools](/images/docs/react-devtools-extension.png)
28+
29+
### Safari и другие браузеры {/*safari-and-other-browsers*/}
30+
Для других браузеров, таких как Safari, необходимо установить npm пакет [`react-devtools`](https://www.npmjs.com/package/react-devtools):
2831

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:
3132
```bash
3233
# Yarn
3334
yarn global add react-devtools
@@ -36,26 +37,28 @@ yarn global add react-devtools
3637
npm install -g react-devtools
3738
```
3839

39-
Next open the developer tools from the terminal:
40+
Затем откройте инструменты разработчика из терминала:
41+
4042
```bash
4143
react-devtools
4244
```
4345

44-
Then connect your website by adding the following `<script>` tag to the beginning of your website's `<head>`:
46+
И подключите свой сайт, добавив следующий тег `<script>` в начало секции `<head>` вашего сайта:
4547
```html {3}
4648
<html>
4749
<head>
4850
<script src="http://localhost:8097"></script>
4951
```
5052

51-
Reload your website in the browser now to view it in developer tools.
53+
Перезагрузите ваш сайт, чтобы просмотреть его в инструментах разработчика.
5254

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

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.
57+
## Мобильные устройства (React Native) {/*mobile-react-native*/}
58+
React Developer Tools также может использоваться для отладки приложений, созданных с помощью [React Native](https://reactnative.dev/).
59+
60+
Самый простой способ использования React Developer Tools - установить их глобально:
5761

58-
The easiest way to use React Developer Tools is to install it globally:
5962
```bash
6063
# Yarn
6164
yarn global add react-devtools
@@ -64,13 +67,14 @@ yarn global add react-devtools
6467
npm install -g react-devtools
6568
```
6669

67-
Next open the developer tools from the terminal.
70+
Откройте инструменты разработчика в терминале.
71+
6872
```bash
6973
react-devtools
7074
```
7175

72-
It should connect to any local React Native app that's running.
76+
Он подключится к любому локальному приложению React Native, которое запущено.
7377

74-
> Try reloading the app if developer tools doesn't connect after a few seconds.
78+
> Попробуйте перезагрузить приложение, если инструменты разработчика не подключатся через несколько секунд.
7579
76-
[Learn more about debugging React Native.](https://reactnative.dev/docs/debugging)
80+
[Узнайте больше о отладке React Native.](https://reactnative.dev/docs/debugging)

0 commit comments

Comments
 (0)