Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Apply Redux to a Modern React Hooks Application

via egghead.io

Overview

Redux was announced back in 2015 and immediately took off as the de-facto state management solution for React. As it gained widespread traction, it also became clear that in many cases it was brought into applications prematurely. The community in some ways started to push back on its use and recommended the built-in setState method as an alternative. Several other state libraries also started popping up around this time. Finally, as React Hooks were announced with a built-in useReducer method it appeared that Redux's time was up. However, these claims have proven to be premature. Redux is not dead and instead remains React's most popular state management library*.
Recent updates to redux exposing a hooks-based API address some of its most serious drawbacks and make it even more appealing. This course will show you how to apply redux to a modern react hooks application. I hope you leave this course with a continued appreciation for React Hooks and renewed enthusiasm for Redux.
Redux is still a very popular and effective way of managing state in React. If you used Redux in the past and maybe found it too difficult to work with and too complicated, I don't think you'll feel that way after trying it with Hooks.
Thanks for watching .* Comparing redux with mobx, xstate and flux

Syllabus

  • Introducing Redux with React Hooks
  • Exploring our Currency Exchange Application
  • Add Redux to an Existing React Application
  • Access State with the Redux useSelector Hook
  • Dispatch Actions with the useDispatch Hook in Redux
  • Split your Redux Store into Multiple Reducers
  • Selector Functions: An API for Accessing Redux State
  • Refactor to use Action Type Constants and Action Creators when Dispatching Redux Actions
  • Async Actions with redux-thunk
  • Directly Dispatch Actions into the Redux Store Before React Renders
  • Add Logic to our Redux Reducers
  • Manage Lists of Objects in Redux Apps
  • Enable Unit Tests for Components using Redux

Taught by

Jamund Ferguson

Reviews

4.6 rating at egghead.io based on 170 ratings

Start your review of Apply Redux to a Modern React Hooks Application

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.