by Thomas Tuts | Publisher: Manning Publications | Release Date: May 2018 | ISBN: 10000MNLV201708

"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 subject In 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

1. 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
2. Testing, Testing, 1, 2, 3...
   • Introduction 00:01:37
   • Running Tests 00:04:00
   • Writing Tests 00:04:23
3. Redux Fundamentals
   • Redux Data Flow 00:02:18
   • Actions 00:04:46
   • Reducers 00:06:00
   • Store 00:05:17
4. The Freezer
   • Saving temperatures 00:06:25
   • Adding ice cream 00:08:01
   • The store in action 00:03:35
5. Writing maintainable code
   • The duck pattern 00:07:34
   • Using multiple reducers 00:03:02
6. Order management
   • Adding orders 00:07:57
   • Order status 00:07:21
7. Enhancing the store
   • Middleware 00:06:35
   • Using redux-thunk 00:03:29
   • Testing thunks 00:03:07
   • Using Redux DevTools 00:04:26
8. Asynchronous data
   • Actions for data fetching 00:06:17
   • Testing HTTP requests in thunks 00:06:26
   • Storing employee data 00:05:50
9. 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
10. 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
11. Finishing up the remaining components
    • Submitting new orders 00:05:36
    • Showing the order tickets 00:08:39
    • Showing the colleagues 00:08:08
12. Wrapping things up
    • Recap & where to go from here 00:03:30