illustration for Apply Redux to a Modern React Hooks Application
free

Apply Redux to a Modern React Hooks Application

Instructor

Jamund Ferguson
42m closed-captioning
Updated a month ago
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.6
249
people completed
Bookmark
Download
RSS

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.

Thanks for watching 📺.

🌱 This is a Fresh Course

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.

Free Community Resource

A Community Resource means that it’s free to access for all. The instructor of this lesson requested it to be open to the public.

Credits

Kamil Khadeyev (illustration)

What you'll learn:

  • Action Type Constants and Action Creators when Dispatching Redux Actions
  • Dispatch Actions in Redux Store Before React Renders
  • Split your Redux Store into Multiple Reducers

Questions to Reflect Upon:

  • Why is state management challenging?
  • How do you know when you need to use a state management library?

Learner Reviews

  • Eric Pan
    a week ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    very good example choice to cover a lot of realistic needs in a very short amount of time. missing redux toolkit though

  • Marcell Ciszek
    a week ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    I remember Redux when it really when you really had to write a lot of boilerplate code. This tutorial will definitely really changed my mind and will try it out in one of my projects. Thank you Jamund.

  • Andrew Gilliland
    2 weeks ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Very thorough and concise overview of using Redux with React Hooks!

  • Justin Macdonald
    2 weeks ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Excellent course. So excited to use redux again!!

  • Desy Kristianti
    3 weeks ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    Great explanation of the basics and slowly introduced the concepts one by one. Thank you for this course!

  • Mannuel Ferreira
    3 weeks ago
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    Star icon$$$
    What did you like about this course?

    The up to date/new patterns for doing actions and action creator functions, also good pace.

Course Content

42m • 13 lessons

    You might also like these resources:

    illustration for Introduction to Cloudflare Workers
    Kristian Freeman・36m・Course

    Become familiar with the Workers CLI wrangler that we will use to bootstrap our Worker project. From there you'll understand how a Worker receives and returns requests/Responses. We will also build this serverless function locally for development and deploy it to a custom domain.

    illustration for Create an eCommerce Store with Next.js and Stripe Checkout
    Colby Fayock・1h 4m・Course

    This is a practical project based look at building a working e-commerce store using modern tools and APIs. Excellent for a weekend side-project for your developer project portfolio

    illustration for Practical Git for Everyday Professional Use
    Trevor Miller・1h・Course

    git is a critical component in the modern web developers tool box. This course is a solid introduction and goes beyond the basics with some more advanced git commands you are sure to find useful.