Skip to content

Commit 764011c

Browse files
authored
Apply suggestions from code review
1 parent e1cc646 commit 764011c

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/content/learn/editor-setup.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: Налаштування редактора
44

55
<Intro>
66

7-
Як слід налаштований редактор може зробити код чистішим при прочитанні та швидшим при написанні. Він може навіть допомогти знайти дефекти ще при їхньому написанні! Якщо ви вперше налаштовуєте редактор або розглядаєте варіанти підлаштування нинішнього свого редактора, то в нас є кілька порад.
7+
Як слід налаштований редактор може зробити код чистішим для прочитання та швидшим для написання. Він може навіть допомогти знайти дефекти ще під час їх появи! Якщо ви вперше налаштовуєте редактор або розглядаєте варіанти оптимізації роботи з нинішнім своїм редактором, то в нас є кілька порад.
88

99
</Intro>
1010

@@ -17,7 +17,7 @@ title: Налаштування редактора
1717

1818
## Ваш редактор {/*your-editor*/}
1919

20-
[VS Code](https://code.visualstudio.com/) – один з найпопулярніших редакторів, що використовуються сьогодні. В нього великий асортимент розширень, він добре інтегрується з популярними службами штибу GitHub. Більшість можливостей, перелічених нижче, можна також додати до VS Code у вигляді розширень, що робить його дуже налаштовним редактором!
20+
[VS Code](https://code.visualstudio.com/) – один з найпопулярніших редакторів, що використовуються сьогодні. У нього великий асортимент розширень, він добре інтегрується з популярними платформами штибу GitHub. Більшість перелічених нижче функцій можна також додати до VS Code як розширення, тож у VS Code потужні можливості щодо налаштування!
2121

2222
Серед інших популярних текстових редакторів, що використовуються в спільноті React:
2323

@@ -31,16 +31,16 @@ title: Налаштування редактора
3131

3232
### Статична перевірка коду {/*linting*/}
3333

34-
Лінтери (інструменти статичної перевірки) коду знаходять проблеми у вашому коді при його написанні, допомагаючи зразу їх виправити. [ESLint](https://eslint.org/) – популярний лінтер для JavaScript з відкритим кодом.
34+
Лінтери (інструменти статичної перевірки) знаходять проблеми у вашому коді при його написанні, допомагаючи відразу їх виправити. [ESLint](https://eslint.org/) – популярний лінтер для JavaScript з відкритим кодом.
3535

3636
* [Встановіть ESLint із рекомендованими налаштуваннями для React](https://www.npmjs.com/package/eslint-config-react-app) (перевірте, що у вас [встановлено Node!](https://nodejs.org/en/download/current/))
3737
* [Інтегруйте ESLint у VSCode за допомогою офіційного розширення](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
3838

39-
**Пересвідчіться, що ввімкнули у своєму проєкті всі правила [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks).** Вони критичні, адже зразу відловлюють найнеприємніші дефекти. Рекомендований набір налаштувань [`eslint-config-react-app`](https://www.npmjs.com/package/eslint-config-react-app) також їх вміщає.
39+
**Пересвідчіться, що ввімкнули у своєму проєкті всі правила [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks).** Вони є базовими, адже зразу відловлюють найсуттєвіші дефекти. Рекомендований набір налаштувань [`eslint-config-react-app`](https://www.npmjs.com/package/eslint-config-react-app) також їх містить.
4040

4141
### Форматування {/*formatting*/}
4242

43-
Останнє, чого хочеться – щоб при взаємодії в коді з іншим розробником почалася суперечка про [табуляції проти пробілів](https://www.google.com/search?q=tabs+vs+spaces)! На щастя, [Prettier](https://prettier.io/) може почистити ваш код, відформатувавши його для відповідності набору налаштувань, налаштовним правилам. Запустіть Prettier, і всі ваші табуляції будуть перетворені на пробіли, а також ваші відступи, лапки тощо також будуть змінені згідно з налаштуваннями. У випадку ідеального налаштування Prettier спрацьовує при збереженні файлу, швидко застосовуючи свої редагування.
43+
Не хотілося б, щоб під час взаємодії в коді з іншим розробником почалася суперечка про [табуляції проти пробілів](https://www.google.com.ua/search?q=%D1%82%D0%B0%D0%B1%D1%83%D0%BB%D1%8F%D1%86%D1%96%D1%8F+%D1%87%D0%B8+%D0%BF%D1%80%D0%BE%D0%B1%D1%96%D0%BB%D0%B8&lr=(-lang_ru))! На щастя, [Prettier](https://prettier.io/) може почистити ваш код, відформатувавши його відповідно до набору налаштувань, конфігурованих правил. Запустіть Prettier, і всі ваші табуляції будуть перетворені на пробіли, а також ваші відступи, лапки тощо також будуть змінені згідно з конфігурацією. Бувши налаштованим ідеально, Prettier спрацьовує під час збереження файлу, виправляючи його замість вас.
4444

4545
Встановити [розширення Prettier у VSCode](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) можна за допомогою таких кроків:
4646

@@ -59,4 +59,4 @@ title: Налаштування редактора
5959
4. У панелі пошуку надрукуйте "format on save"
6060
5. Перевірте, що опція "format on save" має галочку!
6161

62-
> Якщо ваш набір налаштувань ESLint має правила форматування, то вони можуть конфліктувати з Prettier. Ми радимо вимикати всі правила форматування в наборах налаштувань ESLint за допомогою [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier), щоб ESLint використовувався *лише* для полювання на логічні помилки. Якщо ви хочете зробити форматування обов'язковим перед злиттям запиту на злиття, використовуйте в своїй неперервній інтеграції [`prettier --check`](https://prettier.io/docs/en/cli.html#--check).
62+
> Якщо ваш набір налаштувань ESLint має правила форматування, то вони можуть конфліктувати з Prettier. Ми радимо вимикати всі правила форматування в наборах налаштувань ESLint за допомогою [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier), щоб ESLint використовувався *лише* для відловлювання помилок логіки коду. Якщо ви хочете обов'язково форматувати файли у PR перед злиттям, використовуйте у своїй неперервній інтеграції [`prettier --check`](https://prettier.io/docs/en/cli.html#--check).

0 commit comments

Comments
 (0)