Webpack for React Applications

Webpack for React Applications, available at $27.99, has an average rating of 3.45, with 20 lectures, based on 37 reviews, and has 242 subscribers.

You will learn about 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 This course is ideal for individuals who are 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. It is particularly useful for 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.

Enroll now: Webpack for React Applications

Summary

Title: Webpack for React Applications

Price: $27.99

Average Rating: 3.45

Number of Lectures: 20

Number of Published Lectures: 20

Number of Curriculum Items: 20

Number of Published Curriculum Objects: 20

Original Price: $119.99

Quality Status: approved

Status: Live

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

Who Should Attend

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.

Target Audiences

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.

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.

About the Author

Colibri is a technology consultancy company founded in 2015 by James Cross and Ingrid Funie. The company works to help their clients navigate the rapidly changing and complex world of emerging technologies, with deep expertise in areas such as 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 better make sense of its data and process it in more intelligent ways. The company lives by its motto: Data -> Intelligence -> Action.

Alexandru Toea is a Senior Frontend developer. He is currently working with various startups specializing in building complex React applications for both public and internal use. Alexandru started his frontend developer career by building his school’s websites around 10 years ago and has constantly advanced his knowledge of web technologies ever since. He is currently working with a technology startup to provide it with the tools required for quick expansion.

Alexandru has spent the past four years working with React and Redux as well as building efficient real-time applications for both startups and corporate clients. He has a passion for efficient and clean code, while also staying on top of all the new developments in the front-end world. On the site he is also an Authorized Google Trainer, teaching for companies such as Solvay and Lucas Films.

Course Curriculum

Chapter 1: Introduction to the Project

Lecture 1: The Course Overview

Lecture 2: A React Application

Lecture 3: Deliverables with Webpack

Lecture 4: Deliverables with Webpack (Continued)

Chapter 2: Configuration of the Project

Lecture 1: Setting Up Babel

Lecture 2: Setting Up Babel (Continued)

Lecture 3: Webpack Configuration – Loading Assests

Lecture 4: Webpack Configuration – File Loader

Lecture 5: Webpack Configuration – SCSS

Lecture 6: Performance Increase

Lecture 7: Cache Busting

Lecture 8: Project Files Cleanup

Chapter 3: React Specific Topics

Lecture 1: Using Dev Server in Your Application

Lecture 2: Best Practices with Webpack Dev Server

Lecture 3: React Router and Code Splitting

Chapter 4: Webpack Based Deployments

Lecture 1: Getting an App Production Ready

Lecture 2: Deployments with GitHub Pages

Lecture 3: Deployments with AWS S3

Lecture 4: Dynamic Sites – Node and Webpack Integration

Lecture 5: Deployments to AWS EBS

Instructors

Packt Publishing
Tech Knowledge in Motion

Rating Distribution

1 stars: 2 votes

2 stars: 2 votes

3 stars: 6 votes

4 stars: 14 votes

5 stars: 13 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!