Add Prettier, Eslint, and pre-commit hooks: Building a microservices-based NodeJS and React app
Link to all courses with BIG DISCOUNTS 🤯 :
👉 Docker and Kubernetes: The Complete Course from Zero to Hero - https://www.lauromueller.com/courses/...
👉 Helm: The Definitive Guide from Beginner to Master - https://www.lauromueller.com/courses/...
👉 Terraform: The Complete Guide from Beginner to Expert - https://www.lauromueller.com/courses/...
👉 GitHub Actions: The Complete Guide from Beginner to Expert - https://www.lauromueller.com/courses/...
👉 Write better code: 20 code smells and how to get rid of them - https://www.lauromueller.com/courses/...
Do you want to bring your dev skills to the next level? Then check out the links with BIG DISCOUNTS to my courses on Udemy! Purchasing the courses is a great way to support this channel and the content I produce, while also getting something amazing in return, so head there right now! I am looking forward to seeing you there and receiving your feedback on the course!
The courses also have a 30-day money-back guarantee, so if you are not satisfied with the purchase, you can ask for a refund, no questions asked.
***
Hello everyone! In today's video, we add the Prettier, Eslint, and pre-commit configuration to our React frontend web client! We are reaching the end of our little "setup saga", and soon will be back to actively developing our frontend :)
❯❯ GitHub repo for the project: https://github.com/lauromueller/unsoc...
❯❯ Git commit for this video: https://github.com/lauromueller/unsoc...
This video is part of a series where we are developing a microservices-based social media application with the main focus on learning the microservices pattern. We are using NodeJS for our backend services, and React for our frontend client.
─ 🎬 VIDEO CHAPTERS AND CONTENT ─
0:00 Introduction
0:56 Agenda for the video
2:15 Install Eslint dependencies
5:37 Install Prettier dependencies
6:08 Add the necessary Eslint configuration
9:08 Add the necessary Prettier configuration
9:27 Add the scripts to the package.json file
12:39 Install Husky and lint-staged dependencies
14:46 Commit changes and adjust configuration
20:02 Merge branch into master
21:00 Closing :) See you in the next video!
❯❯ https://github.com/typicode/husky
─ 🖥 CODE SNIPPETS ─
❯❯ Install Eslint: npm install [email protected] [email protected] @typescript-eslint/[email protected] --save-dev
❯❯ Install Airbnb config: npx install-peerdeps --dev [email protected]
❯❯ Install Prettier: npm install --save-dev [email protected] @typescript-eslint/[email protected] [email protected] [email protected]
❯❯ Install Husky and lint-staged: npm install --save-dev [email protected] [email protected]
─ 🎥 OTHER PLAYLISTS IN THE CHANNEL ─
❯❯ Typescript by example: https://bit.ly/typescript-by-example
─ 🌎 ADDITIONAL LINKS ─
❯❯ Want to support this project? / lauromueller
❯❯ My LinkedIn profile: / lauromueller
─ 📬 SUBSCRIBE TO THE CHANNEL ─
Want to become a better, more skilled developer? Then make sure to subscribe to the channel and keep on challenging yourself with the new concepts we discuss in every video :) I have a lot of ideas for playlists, ranging from an introduction to Typescript to a deep dive on more complex technologies such as Apache Kafka!
─ 🔈 CONTRIBUTE! ─
If there is any topic in development that interests you, make sure to write it down in the comments! I will take into consideration all your suggestions and requests, as well as the popularity of each of them, when deciding which series to record in the future :)
Watch video Add Prettier, Eslint, and pre-commit hooks: Building a microservices-based NodeJS and React app online without registration, duration hours minute second in high quality. This video was added by user Lauro Müller 03 February 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3,109 once and liked it 56 people.