Skip to content

Commit 75f5b3d

Browse files
authored
Apply suggestions from code review
1 parent 4424df9 commit 75f5b3d

File tree

1 file changed

+12
-12
lines changed

1 file changed

+12
-12
lines changed

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

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,30 @@
11
---
2-
title: Інструменти розробки React
2+
title: Інструменти React розробника
33
---
44

55
<Intro>
66

7-
Використовуйте інструменти розробки React (_React Developer Tools_) для інспектування [компонентів](/learn/your-first-component) React, редагування їх [пропсів](/learn/passing-props-to-a-component) і [стану](/learn/state-a-components-memory), а також для виявлення проблем з продуктивністю.
7+
Використовуйте інструменти React розробника (_React Developer Tools_) для інспектування React [компонентів](/learn/your-first-component), редагування їх [пропсів](/learn/passing-props-to-a-component) і [стану](/learn/state-a-components-memory), а також для виявлення проблем з продуктивністю.
88

99
</Intro>
1010

1111
<YouWillLearn>
1212

13-
* Як встановити інструменти розробки React
13+
* Як встановити інструменти React розробника
1414

1515
</YouWillLearn>
1616

1717
## Розширення браузера {/*browser-extension*/}
1818

19-
Найпростіший спосіб налагодження вебсайтів, створених за допомогою React — встановити розширення браузера "Інструменти розробки React" (_React Developer Tools_). Воно доступне для декількох популярних браузерів:
19+
Найпростіший спосіб налагодження вебсайтів, створених за допомогою React — встановити розширення браузера "Інструменти React розробника" (_React Developer Tools_). Воно доступне для декількох популярних браузерів:
2020

2121
* [Встановити для **Chrome**](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=uk)
2222
* [Встановити для **Firefox**](https://addons.mozilla.org/uk/firefox/addon/react-devtools/)
2323
* [Встановити для **Edge**](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil?hl=uk)
2424

25-
Тепер під час відвідування вебсайту, **створеного за допомогою React**, ви побачите вкладки _Components_ і _Profiler_.
25+
Тепер, якщо ви відвідаєте вебсайт, **який створений за допомогою React**, ви побачите вкладки _Components_ і _Profiler_.
2626

27-
![Розширення 'Інструменти розробки React'](/images/docs/react-devtools-extension.png)
27+
![Розширення 'Інструменти React розробника'](/images/docs/react-devtools-extension.png)
2828

2929
### Safari та інші браузери {/*safari-and-other-browsers*/}
3030
Для інших браузерів (наприклад, Safari) встановіть npm-пакет [`react-devtools`](https://www.npmjs.com/package/react-devtools):
@@ -36,24 +36,24 @@ yarn global add react-devtools
3636
npm install -g react-devtools
3737
```
3838

39-
Далі відкрийте інструменти розробки з терміналу:
39+
Далі відкрийте інструменти розробника з терміналу:
4040
```bash
4141
react-devtools
4242
```
4343

44-
Потім під'єднайте інструменти, вказавши наступний тег `<script>` на початку елементу `<head>` у коді вашого вебсайту:
44+
Потім під'єднайте ваш вебсайт, вказавши наступний тег `<script>` на початку елементу `<head>` у коді вашого вебсайту:
4545
```html {3}
4646
<html>
4747
<head>
4848
<script src="http://localhost:8097"></script>
4949
```
5050

51-
Перезавантажте вебсайт у браузері, щоб переглянути його в інструментах розробки.
51+
Перезавантажте вебсайт у браузері, щоб переглянути його в інструментах розробника.
5252

53-
![Автономні 'Інструменти розробки React'](/images/docs/react-devtools-standalone.png)
53+
![Автономні 'Інструменти React розробника'](/images/docs/react-devtools-standalone.png)
5454

5555
## Мобільний застосунок (React Native) {/*mobile-react-native*/}
56-
Інструменти розробки React також можна використовувати для інспектування застосунків, створених за допомогою [React Native](https://reactnative.dev/).
56+
Інструменти React розробника також можна використовувати для інспектування застосунків, створених за допомогою [React Native](https://reactnative.dev/).
5757

5858
Найпростіший спосіб використання інструментів — встановити їх глобально:
5959
```bash
@@ -64,7 +64,7 @@ yarn global add react-devtools
6464
npm install -g react-devtools
6565
```
6666

67-
Далі відкрийте інструменти розробки з терміналу:
67+
Далі відкрийте інструменти розробника з терміналу:
6868
```bash
6969
react-devtools
7070
```

0 commit comments

Comments
 (0)