Description
Course info
Rating
(55)
Level
Beginner
Updated
Jan 18, 2018
Duration
3h 26m
Description

Application state is the central and crucial piece for any single-page web application. When your app starts to become confusing, this is generally where things go wrong. Painful and confusing bugs start creeping in and you can't seem to keep them out. In this course, Redux Fundamentals, you'll learn how to transform an existing web app to use Redux. First, you'll explore a React app with state problems and look at whether you should use Redux to fix these state problems. Next, you'll discover how to apply Redux piece by piece and analyze the basic building blocks of Redux in simple terms. Then, you'll delve into migrating your React app to Redux. Finally, you'll learn how to add Redux to any web app. By the end of this course, you'll be able to add Redux to an existing app or a brand new web application with confidence, and be able to exercise good judgment to choose when, how, and if using Redux is the right choice for your team.

About the author
About the author

Jamis is a UI Engineer at PayPal. He writes client side JavaScript and Node.js all day for the Send Money app on paypal.com. He loves Front-End Ops (Metrics, monitoring, webpack, babel, ESLint), and React.js. He's spent a lot of time migrating legacy JS (backbone) to React & Redux. He loves the web, and every part of the web stack.

More from the author
Better Code Quality with ESLint
Beginner
2h 26m
Jan 6, 2017
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone, my name is Jamis Charles, and welcome to my course, Redux Fundamentals. I am a UI engineer at PayPal. That means I spend all day writing client-side JavaScript and Node. At PayPal, I led the migration from the send money app from Backbone to React and Redux. What an improvement. Our whole team now loves Redux. Redux is a powerful tool to help simplify state management in your JavaScript web application, and has taken the JavaScript community by storm. In this course, we are going to learn all there is to know about Redux, and no prior React Redux experience is required. Some of the major topics that we will cover include deciding whether Redux is a good fit for your project and team, common state problems and pitfalls with single-page applications, how to migrate your app to Redux beginning to end, Redux under the hood, how to add Redux to any web app, React or otherwise. By the end of this course, you'll be the Redux expert on your team, and you'll be able to implement Redux with confidence in your web application. Before beginning this course, you should be familiar with basic JavaScript and npm. I hope you'll join me on this journey to learn Redux with the Redux Fundamentals course at Pluralsight.

React Crash Course
Hello. My name is Jamis Charles, and welcome to this module of Pluralsight's course, Redux Fundamentals. This module will give you a quick crash course into React, which will really help in the next module when we add Redux to an existing React application. We'll start this module off with a simple Hello World example in React. Then, we'll look at using JSX with AJAX in React. Finally, we'll take a look at how Babel and Webpack help with our React development. Let's get to it.

The Problem with State
Hello. My name is Jamis Charles, and welcome to this module of Pluralsight's course, Redux Fundamentals. This module will help you decide if Redux is a good fit for you. First, we'll take a close look at a React app that is starting to have some state problems. Then we'll discuss some of the reasons for and against choosing Redux. Let's do it.

Redux Basics
Hello. My name is Jamis Charles, and welcome to this module of Pluralsight's course, Redux Fundamentals. In this module, we'll learn about the basics of Redux. First, we'll examine the simple building blocks of Redux. Then, we'll take one local state property and convert it to Redux. Finally, we'll add the React Redux npm module to your project. Let's get to it.

Asynchronous Actions
Hello. My name is Jamis Charles, and welcome to this module of Pluralsight's course, Redux Fundamentals. In this module, we'll learn about asynchronous actions in Redux. First, we'll learn about how middleware unlocks additional features in Redux. Then, we'll show how we can use redux-thunk for async actions. Finally, we'll show some common Redux conventions like action creators. Let's go.

The State Tree
Hello. My name is Jamis Charles, and welcome to this module of Pluralsight's course, Redux Fundamentals. In this module, we'll complete our transformation to Redux. First, we'll introduce root reducers. Then, we'll show how to make serial Ajax calls with Redux. Finally, we'll show how to construct the state tree with multiple reducers. Let's get to it.

Redux Internals
Hello. My name is Jamis Charles, and welcome to this module of Pluralsight's course, Redux Fundamentals. In this module, we'll build Redux from scratch. We'll start with the createStore function. Then we'll move on to the combineReducers function. Finally, we'll wrap things up with the applyMiddleware function. I can't wait.

Redux Across Frameworks
Hello. My name is Jamis Charles, and welcome to this module of Pluralsight's course, Redux Fundamentals. In this module, we'll show you how you can apply Redux to just about any frontend framework. First, we'll show a tic-tac-toe app written in Vue. Then we'll convert it to use Redux. Finally, we'll do the same for an Angular app. The goal of this module is primarily to show how we go about adding Redux, or any state management tool for that matter, to an app that uses local state. Let's get to it.