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 :)
Смотрите видео Add Prettier, Eslint, and pre-commit hooks: Building a microservices-based NodeJS and React app онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал Lauro Müller 03 Февраль 2021. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 3,109 раз и оно понравилось 56 посетителям.
