Integrate Material UI + Adjust Webpack: Building a microservices-based NodeJS and React app
Link to coupons with BIG DISCOUNTS 🤯 :
👉 Mastering Terraform: From Beginner to Expert - https://www.lauromueller.com/courses/...
👉 Mastering GitHub Actions: 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 this video, we integrate a UI library into our application and extend the Webpack configuration to allow loading of css and font files. Towards the end of the video we also implement a few fixes in our Jest configuration so that we can mock these static files during automated tests.
❯❯ 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:40 Agenda for the video
2:01 Merge dependency updates
6:33 Install Material UI
8:20 Install Roboto font
9:39 Import Material UI components into the app
13:10 Adjust Webpack configuration
18:17 Adjust Jest configuration
23:16 Commit and merge changes
26:10 Closing of the video :)
❯❯ https://material-ui.com/
❯❯ https://webpack.js.org/loaders/style-...
❯❯ https://webpack.js.org/loaders/css-lo...
❯❯ https://webpack.js.org/loaders/file-l...
❯❯ https://jestjs.io/docs/en/webpack
─ 🖥 CODE SNIPPETS ─
❯❯ Install Material UI: npm install @material-ui/[email protected]
❯❯ Install Roboto font: npm install @fontsource/[email protected]
❯❯ Install Webpack loaders: npm install --save-dev [email protected] [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 :)
