ESLint, Prettier, Husky, VSCode and React for applying different style guides and forcing a specific code style across the whole codebase. In this video, we will go through what is ESLint, Prettier and Husky and how to properly set up to use with VSCode and React with Typescript to get the best modern project setup!
⭐ Timestamps ⭐
00:00 Intro
00:55 Setting up ESLint
07:41 Best ESLint Config
09:39 Linting your Project
18:49 Overriding ESLint rules
19:22 Setting up Prettier with VSCode
21:31 Best Prettier Config
25:11 ESLint VSCode Helper Extension
27:49 Git Pre-commit linting w/ Husky
🧭 Turn Design into React Code | From prototype to Full website in no time
[ Ссылка ]
🧭 Watch Tutorial on Designing the website on Figma
[ Ссылка ]
🧭 Watch Create a Modern React Login/Register Form with smooth Animations
[ Ссылка ]
🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
[ Ссылка ]
🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
[ Ссылка ]
🧭 Learn Redux For Beginners | React Redux from Zero To Hero build a real-world app
[ Ссылка ]
🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
[ Ссылка ]
🧭 Introduction to GraphQL with Apollo and React
[ Ссылка ]
🐦 Follow me on Twitter: [ Ссылка ]
💻 Github Profile: [ Ссылка ]
Made with 💗 by Coderone
ESLint with VSCode, Prettier, Husky and React For Beginners
Теги
Reactvscodeeslintprettierhuskygit huskytslinteslint reactreact eslintreact typescripteslint vscodeeslint prettierprettier reactprettier vscodevscode prettierprettier extensionprettier setupeslint configeslint airbnbeslint googleeslint javascriptvscode typescripthusky githubhusky hookshusky reactlearn eslintmaster eslintlearn prettiervscode eslint prettiereslint best configreact code styleenforce code style
