Skip to content

Commit e1cc646

Browse files
undead404alinkedd
andauthored
Apply suggestions from code review
Co-authored-by: Alina Listunova <alinkedd@users.noreply.github.com>
1 parent b0a66e5 commit e1cc646

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

src/content/learn/editor-setup.md

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

1111
<YouWillLearn>
1212

13-
* Які найпопулярніші редактори
13+
* Які є найпопулярніші редактори
1414
* Як автоматично форматувати код
1515

1616
</YouWillLearn>
@@ -25,15 +25,15 @@ title: Налаштування редактора
2525
* [Sublime Text](https://www.sublimetext.com/) має підтримку JSX і TypeScript, [підсвітку синтаксису](https://stackoverflow.com/a/70960574/458193) та вбудоване автодоповнення.
2626
* [Vim](https://www.vim.org/) – це високоналаштовний текстовий редактор, розроблений для того, щоб зробити створення та внесення змін до текстів будь-якого роду дуже ефективним. У вигляді "vi" він доданий до більшості систем UNIX і до Apple OS X.
2727

28-
## Рекомендовані можливості текстових редакторів {/*recommended-text-editor-features*/}
28+
## Рекомендовані функції текстових редакторів {/*recommended-text-editor-features*/}
2929

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

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

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

36-
* [Встановіть ESLint з рекомендованими налаштуваннями для React](https://www.npmjs.com/package/eslint-config-react-app) (перевірте, що у вас [встановлено Node!](https://nodejs.org/en/download/current/))
36+
* [Встановіть 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

3939
**Пересвідчіться, що ввімкнули у своєму проєкті всі правила [`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) також їх вміщає.
@@ -44,16 +44,16 @@ title: Налаштування редактора
4444

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

47-
1. Запустіть VS Code
48-
2. Скористайтеся Швидким відкриттям (натисніть Ctrl/Cmd+P)
47+
1. Відкрийте VS Code
48+
2. Скористайтеся швидким відкриттям (натисніть Ctrl/Cmd+P)
4949
3. Вставте `ext install esbenp.prettier-vscode`
5050
4. Натисніть Enter
5151

5252
#### Форматування при збереженні {/*formatting-on-save*/}
5353

5454
В ідеалі слід форматувати свій код при кожному збереженні. VS Code має налаштування для цього!
5555

56-
1. У VS Code натисніть `CTRL/CMD + SHIFT + P`.
56+
1. Маючи відкрите вікно VS Code, натисніть `CTRL/CMD + SHIFT + P`.
5757
2. Надрукуйте "settings"
5858
3. Натисніть Enter
5959
4. У панелі пошуку надрукуйте "format on save"

0 commit comments

Comments
 (0)