Book Image

Webpack for React Applications [Video]

By : James Cross
Book Image

Webpack for React Applications [Video]

By: James Cross

Overview of this book

Whether 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. This course uses Webpack 2.6.1, and React 15.5.4, while not the latest version available, it provides relevant and informative content for legacy users of Webpack and React.
Table of Contents (4 chapters)
Chapter 3
React Specific Topics
Content Locked
Section 3
React Router and Code Splitting
Optimize content delivery for routes. - Add loadable components to our project - Refactor some of the React code to work with loadable components - Webpack configuration to decrease app load times