ES Lint, Prettier, Husky and Github Actions for React/Next JS | CI-Flow (JS & TS)

Подписаться 11 тыс.

Просмотров 11 тыс.

50% 1

Today we will create a professional workflow for a production app. We will use a CI (Continuous Integration) with ES-Lint, Prettier, Husky, Github Actions (Workflows) on a Typescript and Javascript app.
My VS code settings and the VS-code plugins you should install are in the readme of the following examples:
Typescript Example: github.com/samfromaway/Typesc...
Javascript Example: github.com/samfromaway/Javasc...
1:25 - VS-Code Setup
2:20 - Example
5:27 - Some Tips
6:35 - Prettier Setup
7:20 - ES-Lint Setup
10:34 - Javascript
12:15 - CI with Husky
15:30 - GitHub Actions
16:40 - Outro
CONTACT:
📱 Facebook - / devworldinfo
🌎 Website - www.dev-world.info
📧 Email - contact@dev-world.info
ABOUT THIS CHANNEL:
Dev World is a mix of tutorials and educational videos around Coding, Online Marketing, and Design.
#Coding #Webdesign #Marketing

Опубликовано:

30 апр 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 9

@skverskk 3 года назад

Finally an Eslint/Prettier that combo actually works. Thank you

@hbela1000 2 года назад

Cool, thx.

@phucnguyen0110 2 года назад

Thanks for the video, Sam! I have a rather noob-ish question though, since the hot reload capability is no longer there within the template, is there something that I can do to re-enable it (for local development purposes of course)

@MaxSvid 2 года назад

Nice vid, but I have a question: if I have some unit tests - should I run them on pre-push husky hook (so for example, you won't be able to push code if tests broken), or, should I write a github action for that?

@MaxSvid 2 года назад

If anyone has the same question here's my forged answer: if test are running locally for too long (for me too long is past 30 seconds) than I would use GitHub actions for that