Fuente
Free React For Beginners | Початкові налаштування нового #react проекту Видаліть все зайве - зайв...
3 900 Vistas/Alcance
2025-04-14 07:01
Mensaje №734
Початкові налаштування нового #react проекту
Видаліть все зайве - зайвий код, зображення, іконки, тощо.
Передивіться вже встановлені залежності коду і перенесіть в секцію dev ті залежності, що призначені для розробки (eslint, prettier, jest). Це буде корисно коли/якщо ви будете налаштовувати npm audit --omit=dev`
Налаштуйте форматування за допомогою prettier
та одразу застосуйте його з прапором --write. Досить сперечатися про крапки з комами.
Встановіть і налаштуйте лінтер - eslint під себе, або за правилами команди. Наприклад для не використаних змінних я ставлю warning замість error, не так сіпається око.
Встановіть та налаштуйте систему хуків для git - husky. Так ви зможете виконувати будь-які додаткові дії перед/після коміту/пушу. Наприклад ви зможете налаштувати husky автоматично запускати форматування staged коду. Тепер код у всіх і завжди буде виглядати одноманітно і без зусиль.
Напишіть readme - Два речення про що проект, як встановити залежності (навіть якщо це тривіальний npm install бо може бути і yarn install), як запустити dev збірку, та які правила ви налаштували (а в ідеалі ще й чому)
Все, можна плисти далі.
Але якщо хочеться більшого то... це буде в наступному пості :)
П. М. Амеліансе, я пам'ятаю що ти не фанат прітієра, та поки краще не зустрічав)
Видаліть все зайве - зайвий код, зображення, іконки, тощо.
Передивіться вже встановлені залежності коду і перенесіть в секцію dev ті залежності, що призначені для розробки (eslint, prettier, jest). Це буде корисно коли/якщо ви будете налаштовувати npm audit --omit=dev`
Налаштуйте форматування за допомогою prettier
та одразу застосуйте його з прапором --write. Досить сперечатися про крапки з комами.
Встановіть і налаштуйте лінтер - eslint під себе, або за правилами команди. Наприклад для не використаних змінних я ставлю warning замість error, не так сіпається око.
Встановіть та налаштуйте систему хуків для git - husky. Так ви зможете виконувати будь-які додаткові дії перед/після коміту/пушу. Наприклад ви зможете налаштувати husky автоматично запускати форматування staged коду. Тепер код у всіх і завжди буде виглядати одноманітно і без зусиль.
Напишіть readme - Два речення про що проект, як встановити залежності (навіть якщо це тривіальний npm install бо може бути і yarn install), як запустити dev збірку, та які правила ви налаштували (а в ідеалі ще й чому)
Все, можна плисти далі.
Але якщо хочеться більшого то... це буде в наступному пості :)
П. М. Амеліансе, я пам'ятаю що ти не фанат прітієра, та поки краще не зустрічав)