YoVDO

Apply Redux to a Modern React Hooks Application

Offered By: egghead.io

Tags

React Courses Web Development Courses Redux Courses

Course Description

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

Related Courses

Design 1o1 Redux - Part 1: Myself
Abadir - Accademia di Belle Arti via iversity
React Router and Redux
Microsoft via edX
Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera
Desarrollo de Aplicaciones Mobile Multiplataforma con Nativescript, Angular y Redux
Universidad Austral via Coursera
React
Udacity