Building Applications with React and Redux

Learn how to use React, Redux, React Router, and modern JavaScript to build an app with React. Use Webpack, Babel, Jest, React Testing Library, Enzyme, and more to build a custom React development environment and build process from the ground up.
Course info
Rating
(1553)
Level
Intermediate
Updated
Mar 12, 2019
Duration
6h 37m
Table of contents
Course Overview
Intro
Environment Build
React Component Approaches
Initial App Structure
Intro to Redux
Actions, Stores, and Reducers
Connecting React to Redux
Redux Flow
Async in Redux
Async Writes in Redux
Async Status and Error Handling
Testing React
Testing Redux
Production Builds
Description
Course info
Rating
(1553)
Level
Intermediate
Updated
Mar 12, 2019
Duration
6h 37m
Description

React is a library with so much power, but so few strong opinions. So building something significant requires a large number of decisions and work to build the foundation. Learn how to use React, Redux, React Router, and modern JavaScript to build powerful and fast React applications from the ground up. Use Webpack, Babel, ESLint, npm scripts, Jest, React Testing Library, Enzyme, and more. Create a rapid feedback development environment that runs linting and tests, transpiles modern JavaScript, runs a local webserver, opens the application, and reloads changes when you hit save. Deploy with a single command. This course lays out a clear path for building robust, scalable React applications using today's modern and popular technologies.

Course FAQ
Course FAQ
What will I learn in this course?

You will learn how to use React and Redux, as well as React Router and JavaScript to build effective React applications using today's popular and useful technologies.

Are there prerequisites to this course?

Since this is an intermediate level course, you should already know the basics of React. As such, you should also be familiar with JavaScript basics as well. If you need a refresher on the basics, check out this React course.

What is Redux?

Redux is an open source JavaScript library and a tool that helps manage the state of applications. It helps manage the data you present to users and the way in which you respond to their actions. We will go into much more detail in the course itself.

Why are React and Redux used together?

Redux is most frequently used with React because React lets you describe UI as a function of state, and Redux is a flux implementation, so it creates update paths in JS applications.

Will I be able to apply what I'm learning about React and Redux?

Yes! We will build a real-world application with React and Redux from square one so you can better solidify the principles and concepts taught throughout this course.

About the author
About the author

Cory is an independent consultant with over 15 years of experience in software development. He is the principal consultant at reactjsconsulting.com and a Microsoft MVP.

More from the author
React: The Big Picture
Beginner
1h 10m
May 11, 2020
Clean Coding Principles in C#
Beginner
3h 18m
Apr 23, 2020
Building Applications with React and Flux
Intermediate
5h 10m
Jun 19, 2019
More courses by Cory House
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi, I'm Cory House. I really love React, and if you're watching this, I'm betting that you do too. Now, I assume you already know the basics of React, yet React presents a simple problem, decision fatigue. You may understand the basics of React, but can you build something big, complicated, interactive, and testable with it? React is just a library, so chances are you're going to need a variety of other tools, libraries, and patterns to build something real. Redux is one such library. Redux has eclipsed a long list of alternatives to become the de facto flux implementation. So, we're going to explore Redux from the ground up, and you'll see why it's been so widely embraced. Yet even after you've chosen well with React and Redux, you still have two hard problems to solve. Problem one is what libraries should I compose with these two technologies? And problem two is once I've decided, how do I connect it all together in a way that makes sense and is maintainable and testable? This course answers both of these questions in a comprehensive manner. We'll build a real‑world style React and Redux application from the ground up. With one command, we'll lint our code, run our tests, transpile ES6 to ES5, bundle, minify, start up a web server, open the application in the default browser, and hot reload our changes all along the way. Trust me, once you experience React development this way, you won't want to go back.