Webpack for React Applications

Webpack for React Applications

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 3h 20m | 759 MB

Learn everything needed to build your own modern stateful web applications

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 is a comprehensive, yet an easy-to-follow guide for anyone who would like to learn how to get up-and-running with Webpack.

What You Will Learn

  • Create a message board website
  • Build your own modern stateful web applications
  • Track your application state in real-time with Firebase
  • Use components as a unit of styling
  • Spread props to wrap components
  • Set up a Firebase project
  • Master deploying with Babel, code splitting, and ES2015
  • Understand how to add posts and styling
Table of Contents

01 The Course Overview
02 A React Application
03 Deliverables with Webpack
04 Deliverables with Webpack (Continued)
05 Setting Up Babel
06 Setting Up Babel (Continued)
07 Webpack Configuration Loading Assests
08 Webpack Configuration File Loader
09 Webpack Configuration SCSS
10 Performance Increase
11 Cache Busting
12 Project Files Cleanup
13 Using Dev Server in Your Application
14 Best Practices with Webpack Dev Server
15 React Router and Code Splitting
16 Getting an App Production Ready
17 Deployments with GitHub Pages
18 Deployments with AWS S3
19 Dynamic Sites Node and Webpack Integration
20 Deployments to AWS EBS