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 :)
Watch video Integrate Material UI + Adjust Webpack: Building a microservices-based NodeJS and React app online, duration hours minute second in high quality that is uploaded to the channel Lauro Müller 11 February 2021. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 3,269 times and liked it 20 visitors.
