Udacity Logo
Log InSign Up

React & Redux

Course

The focus of the course is on managing state in an application. You will learn about Redux and the Redux ecosystem as a powerful tool to help you accomplish this. You will also learn how to use advanced testing techniques using JEST.

The focus of the course is on managing state in an application. You will learn about Redux and the Redux ecosystem as a powerful tool to help you accomplish this. You will also learn how to use advanced testing techniques using JEST.

Skills

React component state

Application state management with redux

Jest

React-redux bindings

Intermediate

4 weeks

Real-world Projects

Completion Certificate

Last Updated May 24, 2023

Prerequisites:

Asynchronous JavaScript

Intermediate JavaScript

Course Lessons

Lesson 1

Introduction to the Course

We will look at the course design, prerequisites, tools you'll use in the course, and take a preview look at the final project.

Lesson 2

Managing State

You’ll learn techniques to make your state more predictable by moving your state to a central location and establishing strict rules for getting, listening, and updating that state.

Lesson 3

UI plus Redux

You’ll learn to move away from having state live in the DOM by creating a vanilla JavaScript application whose state is managed entirely by Redux.

Lesson 4

Redux Middleware

You’ll learn to create custom middleware and add it to your Redux store. This middleware will allow you to enhance your store by hooking into and intercepting actions before they reach any reducers.

Lesson 5

Redux with React

You’ll learn how to add React to a Redux application and have the state of that application be managed by Redux.

Lesson 6

Asynchronous Redux

You’ll learn to better abstract asynchronous events by creating your own custom Thunk middleware and adding it to your store.

Lesson 7

React-Redux Bindings

You’ll learn to leverage the react-redux bindings in order to leverage the benefits of a UI library like React and a state management library like Redux.

Lesson 8

Implementing React plus Redux

You’ll take your knowledge of Redux and utilize it by building a real-world Redux application. You’ll also learn advanced Redux topics like reducer composition and normalization.

Lesson 9

Testing with Jest

We will learn how to install and run JEST using synch and async functions, use snapshots, and perform DOM tests with React Testing Library.

Lesson 10 • Project

Project: Employee Polls Web App

HR needs a web app to create polls for employees to post and respond to scenario questions. Employees vote on responses and the dashboard lists employees by the number of polls created and answered.

Taught By The Best

Photo of Michael Tsamis

Michael Tsamis

Senior Software Engineer

Michael is a senior software engineer at Catchpoint Systems Inc. He graduated summa cum laude in 2011 with a Bachelor of Science degree in Computer Information Systems. He is also an active member and speaker for React NYC, a Meetup group for ReactJS and React Native developers in New York City.

Taught By The Best

Photo of Michael Tsamis

Michael Tsamis

Senior Software Engineer

Michael is a senior software engineer at Catchpoint Systems Inc. He graduated summa cum laude in 2011 with a Bachelor of Science degree in Computer Information Systems. He is also an active member and speaker for React NYC, a Meetup group for ReactJS and React Native developers in New York City.

Get Started Today

React & Redux