React Typescript #1 Setup with ESLint, Prettier, and Husky Pre-commit hooks

[@vitaliiverdiiev7272]

Amazing and simple explanation with real-time problems solving. Thank you! 💛

[@hiddenworld8280]

It was an amazing and powerful tutorial done in a very simple way for easy understanding. Liked and subscribed. Thank you!

[@PaulAndCode]

Glad it helped!

[@allhailalona]

Thank you very much! I liked and subscribbled!

[@vitorvianabarbosa4247]

Thanks for that, saluts from Brazil

[@ritaoladokun4447]

Great video! Super helpful. Thanks.

[@mudshark5393]

Running prettier on all files is fine for small projects, but when the project gets bigger you might wanna use a some tool like lint-staged. It will only process the files you've actually staged, using prettier, and/or any other tool, like the linter. Files that you haven't changed need not be run through prettier, that is mostly just a waste of time. If each commit starts to take 5 seconds or longer, it will get annoying really fast, especially if you do micro-commits. But for small projects, with few files, you probably won't notice the delay.

[@PaulAndCode]

Thanks for the feedback dude, appreciate it.

[@vnm_8945]

couldn't you use eslint and prettier as extensions in VSCode, is it better to use it like this?

[@PaulAndCode]

It's better if you are doing a project where you are working with other developers. This way they are working from the same configuration file and it is IDE independent. What I do is set up prettier in the project and then set my IDE to run reformat on save. ESLint is automatically picked up by my IDE (WebStorm)

[@vnm_8945]

@@PaulAndCode, ok, pretty neat!