Video description
"It has explained Redux better than I have seen elsewhere."
Anonymous Reviewer
Redux in Motion introduces you to the powerful Redux library through high-quality video-based lessons, so you can put what you learn into practice.
Redux in Motion guides you through a complete Redux-based web app, start to finish. You'll learn the core principles of actions, reducer functions, and stores that make state management predictable. Expert video instructor Thomas Tuts takes a test-driven mindset, so you'll learn to write tests as you go. As you progress you'll add custom logging and tracking middleware and learn how to combine React with Redux to connect UI components. This engaging course combines real-time teaching and rich animations to make learning entertaining and effective!
Inside:- The fundamentals of working with Redux
- Writing maintainable code
- Using Redux in the real-world
- Handling asynchronous data
- A test-first approach to web development
- Combining React and Redux
About the subjectIn a typical web application, managing and maintaining state means juggling multiple objects and data stores. The Redux JavaScript library consolidates state management into a single, easily-managed object, radically simplifying tasks like caching data, server responses, and sharing data among components. Redux promotes reliability and testability, and virtually eliminates most state-related bugs. Redux integrates seamlessly with React.js, and it also works well with other frameworks like Angular, Backbone, and Vue.js.
Prerequisites
Written for developers comfortable with JavaScript and HTML, as well as experience using React.
Thomas Tuts is a front-end/Node developer based in Belgium. Aside from coding, he also teaches and coaches other programmers to become better at what they do.
A fast paced, no nonsense track for learning Redux.
Anonymous reviewer
A good introduction to Redux, and state management more in general.
Giuseppe Caruso, UX Architect and Front-End Developer, Bonsai Studio
Table of Contents
Introduction
What is Redux?
00:05:13
Ice Cream Store Demo
00:01:09
Redux in a Nutshell
00:06:13
Project Setup
00:04:03
Testing, Testing, 1, 2, 3…
Introduction
00:01:37
Running Tests
00:04:00
Writing Tests
00:04:23
Redux Fundamentals
Redux Data Flow
00:02:18
Actions
00:04:46
Reducers
00:06:00
Store
00:05:17
The Freezer
Saving temperatures
00:06:25
Adding ice cream
00:08:01
The store in action
00:03:35
Writing maintainable code
The duck pattern
00:07:34
Using multiple reducers
00:03:02
Order management
Adding orders
00:07:57
Order status
00:07:21
Enhancing the store
Middleware
00:06:35
Using redux-thunk
00:03:29
Testing thunks
00:03:07
Using Redux DevTools
00:04:26
Asynchronous data
Actions for data fetching
00:06:17
Testing HTTP requests in thunks
00:06:26
Storing employee data
00:05:50
Shop UI: First steps
Setting up the React components
00:02:54
Connecting the Freezer component to the Redux store
00:05:36
Cleaning up after ourselves
00:03:30
Measuring temperature & restocking flavors
00:09:33
Removing scoops from the freezer
00:05:39
Refactoring the Freezer component
Container & presentational components
00:01:46
Splitting up the Freezer component
00:04:10
Introducing react-redux bindings
00:07:03
Finishing up the remaining components
Submitting new orders
00:05:36
Showing the order tickets
00:08:39
Showing the colleagues
00:08:08
Wrapping things up
Recap & where to go from here
00:03:30