ESLint with VSCode, Prettier, Husky and React For Beginners

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
https://youtu.be/0xhu_vgKZ8k

🧭 Watch Tutorial on Designing the website on Figma
https://youtu.be/SB3rt-cQZas

🧭 Watch Create a Modern React Login/Register Form with smooth Animations
https://youtu.be/-bll7l-BKQI

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
https://youtu.be/_rnxOD9NKAs

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
https://youtu.be/M_Oes39FNuk

🧭 Learn Redux For Beginners | React Redux from Zero To Hero build a real-world app
https://youtu.be/_rnxOD9NKAs

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
https://youtu.be/VWEJ-GhjU4U

🧭 Introduction to GraphQL with Apollo and React
https://youtu.be/eCO6MvvRhXk

🐦 Follow me on Twitter: https://twitter.com/ipenywis
💻 Github Profile: https://github.com/ipenywis

Made with 💗 by Coderone