Webpack for React Applications [Video]

Preview in Mapt

Webpack for React Applications [Video]

Alexandru Toea

Learn everything needed to build your own modern stateful web applications

Quick links: > What will you learn?> Table of content

Mapt Subscription
FREE
$29.99/m after trial
Video
$25.00
RRP $124.99
Save 79%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$25.00
$29.99 p/m after trial
RRP $124.99
Subscription
Video
Start 14 Day Trial

Frequently bought together


Webpack for React Applications [Video] Book Cover
Webpack for React Applications [Video]
$ 124.99
$ 25.00
Building Your Application with React Native [Video] Book Cover
Building Your Application with React Native [Video]
$ 124.99
$ 25.00
Buy 2 for $35.00
Save $214.98
Add to Cart

Video Details

ISBN 139781788472203
Course Length3 hours and 20 minutes

Video Description

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.

Style and Approach

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.

Table of Contents

Introduction to the Project
The Course Overview
A React Application
Deliverables with Webpack
Deliverables with Webpack (Continued)
Configuration of the Project
Setting Up Babel
Setting Up Babel (Continued)
Webpack Configuration - Loading Assests
Webpack Configuration - File Loader
Webpack Configuration - SCSS
Performance Increase
Cache Busting
Project Files Cleanup
React Specific Topics
Using Dev Server in Your Application
Best Practices with Webpack Dev Server
React Router and Code Splitting
Webpack Based Deployments
Getting an App Production Ready
Deployments with GitHub Pages
Deployments with AWS S3
Dynamic Sites - Node and Webpack Integration
Deployments to AWS EBS

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

Authors

Table of Contents

Introduction to the Project
The Course Overview
A React Application
Deliverables with Webpack
Deliverables with Webpack (Continued)
Configuration of the Project
Setting Up Babel
Setting Up Babel (Continued)
Webpack Configuration - Loading Assests
Webpack Configuration - File Loader
Webpack Configuration - SCSS
Performance Increase
Cache Busting
Project Files Cleanup
React Specific Topics
Using Dev Server in Your Application
Best Practices with Webpack Dev Server
React Router and Code Splitting
Webpack Based Deployments
Getting an App Production Ready
Deployments with GitHub Pages
Deployments with AWS S3
Dynamic Sites - Node and Webpack Integration
Deployments to AWS EBS

Video Details

ISBN 139781788472203
Course Length3 hours and 20 minutes
Read More

Read More Reviews

Recommended for You

Building Your Application with React Native [Video] Book Cover
Building Your Application with React Native [Video]
$ 124.99
$ 25.00
Complete Java for Automation Testers from Scratch [Video] Book Cover
Complete Java for Automation Testers from Scratch [Video]
$ 201.99
$ 40.40
Aurelia For Beginners: The New Age JS Framework [Video] Book Cover
Aurelia For Beginners: The New Age JS Framework [Video]
$ 49.99
$ 10.00
PHP CodeIgniter for Absolute Beginners [Video] Book Cover
PHP CodeIgniter for Absolute Beginners [Video]
$ 49.99
$ 10.00
Spring Framework for Beginners [Video] Book Cover
Spring Framework for Beginners [Video]
$ 49.99
$ 10.00
Machine Learning For Absolute Beginners [Video] Book Cover
Machine Learning For Absolute Beginners [Video]
$ 49.99
$ 10.00