This is the code repository for Webpack for React Applications [Video], published by Packt. It contains all the supporting project files necessary to work through the video course from start to finish.
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.
- 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
To fully benefit from the coverage included in this course a basic knowledge of React is desirable.
This course has the following software requirements:
- Any text editor/IDE (Sublime Text/Atom/Webstorm/Visual Studio etc.)
- Node and NPM (https://nodejs.org/en/)
- Yarn (optional - https://yarnpkg.com/lang/en/)
This course has been tested on the following system configuration:
- OS: Mac OS Sierra/High Sierra
- Processor: Intel Core i7/i5
- Memory: 16GB/8GB
- Hard Disk Space: 300MB
- Video Card: Intel HD Graphics/Dedicated GPU