Create Modern JavaScript Tooling with React #10-Setup WebpackDevServer & Enable HotModuleReplacemen смотреть онлайн

Running yarn build every single time you make an update is tedious. The bigger your site gets, the longer it will take to build. With webpack, we can take advantage of webpack-dev-server to serve up files and automatically reload the browser when we make changes. In this video, we'll install and configure webpack-dev-server in our boilerplate.

⏱️ Timestamps ⏱️
? What is webpack-dev-server? (00:00)
? Install webpack-dev-server (0:41)
? Add dev script to package.json (1:27)
? Configure dev server (1:41)
? Enable HotModuleReplacement (2:56)
? Automatically reload the browser when we make changes (3:54)
? Conclusion (4:15)

[ REQUIREMENTS ]
- Webpack
- Babeljs
- ESLint
- Prettier

[ SUBSCRIBE FOR MORE VIDEOS ]
https://bit.ly/2BY6BYX

[SUPPORT CHANNEL]
? Donate via PayPal: https://www.paypal.com/paypalme/ahmedabdulrahman09
? Become a patron: https://www.patreon.com/ahmedabdulrahman

[ FOLLOW ME ONLINE HERE ]
? Website/Blog: https://aadev.me
? Twitter: https://twitter.com/_ahmed_ab
? Linkedin: https://www.linkedin.com/in/ahmed-abd/
? Instagram: https://instagram.com/a.abdulrahman
? Facebook: https://facebook.com/FrontendCrispinessCreator
? Github: https://github.com/AhmedAbdulrahman
? Twitch: https://twitch.com/learnwithahmed

[ JOIN DISCORD ]
???? Join the Discord family: https://discord.com/invite/kaZktBY

[ MUSIC ]
Music by Chillhop Music: https://chillhop.ffm.to/creatorcred

Thank you!

#react #webpack #webpack-dev-server