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.
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
The target audience for this module is developers who want to use Webpack in an existing application, particularly those with an interest in applying the principles of Webpack to large existing React applications. A basic knowledge of React is desirable.
About The Author
Colibri Digital: Colibri is a technology consultancy company founded in 2015 by James Cross and Ingrid Funie. The company works to help its clients navigate the rapidly changing and complex world of emerging technologies, with deep expertise in areas like big data, data science, machine learning, and cloud computing. Over the past few years, they have worked with some of the world's largest and most prestigious companies, including a tier 1 investment bank, a leading management consultancy group, and one of the world's most popular soft drinks companies, helping each of them to make better sense of its data, and process it in more intelligent ways. The company lives by its motto: Data -> Intelligence -> Action.
James Cross is a Big Data Engineer and certified AWS Solutions Architect with a passion for data-driven applications. He's spent the last 3-5 years helping his clients to design and implement huge-scale, streaming big data platforms, cloud-based analytics stacks, and serverless architectures.
He started his professional career in Investment Banking, working with well-established technologies such as Java and SQL Server, before moving into the Big Data space. Since then he's worked with a huge range of big data tools including most of the Hadoop eco-system, Spark, and many No-SQL technologies such as Cassandra, MongoDB, Redis, and DynamoDB. More recently his focus has been on cloud technologies and how they can be applied to data analytics, culminating in his work at Scout Solutions as CTO, and more recently with Mckinsey.
James is an AWS certified solutions architect with several years' experience designing and implementing solutions on this cloud platform. As CTO of Scout Solutions Ltd, he built a fully serverless set of APIs and an analytics stack based around Lambda and Redshift.
Table of contents
- Chapter 1 : Introduction to the Project
- Chapter 2 : Configuration of the Project
- Chapter 3 : React Specific Topics
- Chapter 4 : Webpack Based Deployments
- Title: Webpack for React Applications
- Release date: January 2018
- Publisher(s): Packt Publishing
- ISBN: 9781788472203
You might also like
Microsoft Power BI - The Complete Masterclass [2023 EDITION]
Microsoft Power BI is an interactive data visualization software primarily focusing on business intelligence, part of …
Practical Python: Learn Python Basics Step by Step - Python 3
Python is one of the most popular programming languages and gives a lot of scope and …
Introduction to Website Development Technologies
The content of this course assumes no prior knowledge of programming or web development and will …
Docker for the Absolute Beginner - Hands-On
Docker is an open platform for developers and sysadmins to build, deploy, and run distributed applications …