by Alexandru Toea | Publisher: Packt Publishing | Release Date: January 2018 | ISBN: 9781788472203

Learn everything needed to build your own modern stateful web applicationsAbout This VideoBoost your React application performance with WebpackImprove your application by deploying to dynamic cloud hosting sites such as AWSUnderstand advanced React patterns and track application state in real-time with FirebaseIn DetailWhether you are optimizing build times to decreasing bundle sizes or strategies of serving large applications, performance is always one of the main traits of web applications. Having a slow Webpack build with a ton of libraries is always a challenge. No matter if it's perceived by the end user, server, or developers.In this course, we will learn how to use Webpack with a real project. You will be provided with a dynamic responsive photo gallery application written in react, along with minimal to basic Webpack configuration and will be shown how to apply advanced features such as deploying with Babel, code splitting, and ES2015.By the end of this tutorial, you will be able to deploy your application to dynamic cloud hosting sites such as AWS in order to improve the existing application.

1. Chapter 1 : Introduction to the Project
   • The Course Overview 00:04:53
   • A React Application 00:13:21
   • Deliverables with Webpack 00:07:32
   • Deliverables with Webpack (Continued) 00:07:24
2. Chapter 2 : Configuration of the Project
   • Setting Up Babel 00:08:50
   • Setting Up Babel (Continued) 00:08:19
   • Webpack Configuration – Loading Assests 00:10:39
   • Webpack Configuration – File Loader 00:07:46
   • Webpack Configuration – SCSS 00:13:34
   • Performance Increase 00:11:05
   • Cache Busting 00:08:47
   • Project Files Cleanup 00:06:28
3. Chapter 3 : React Specific Topics
   • Using Dev Server in Your Application 00:09:01
   • Best Practices with Webpack Dev Server 00:13:46
   • React Router and Code Splitting 00:14:04
4. Chapter 4 : Webpack Based Deployments
   • Getting an App Production Ready 00:12:35
   • Deployments with GitHub Pages 00:08:30
   • Deployments with AWS S3 00:08:31
   • Dynamic Sites – Node and Webpack Integration 00:09:35
   • Deployments to AWS EBS 00:15:40