The ability to reply to discussions is limited to PRO members. Want to join in the discussion? Click here to subscribe now.

Redux: Extracting Action Creators

Redux: Extracting Action Creators

3:52
Learn how to keep code maintainable and self-documenting by extracting action creators from the components.
Watch this lesson now
Avatar
egghead.io

Learn how to keep code maintainable and self-documenting by extracting action creators from the components.

Avatar
Jordan

Thx for the great tutorial series! Was educational w/o being overwhelming - Russian accent was cool to listen to as well.

Avatar
Timothy

I liked how you built the exercises from plain old javascript and refactored them with higher level stuff like combineReducers, Provider, connect and mapDistpachToProps. But now as I consider building a redux app I am not going to reinvent redux as you did here. I'm going to be ->OK blank sheet->set up my workflow->? What is the story I tell myself as I set up a framework of Providers, combine reducers and connect.?

In reply to egghead.io
Avatar
Jacob

I find myself learning a new javascript framework and worrying about the css.

https://jsbin.com/pebesisaqi/edit?html,css,js,output

Avatar
Brandon

Awesome series, thanks for taking the time to make it!

Avatar
Dan Abramov

Write some components, let them dispatch actions. Write some reducers to handle those actions. Wrap some components in connect() to receive the next state. Repeat!

In reply to Timothy
Avatar
Henry Ventura

Wow. Incredible. THANK YOU!

Avatar

Very fast paced videos. I really like seeing Dan write the code for some of the objects that are in the Redux eco-system.

For those looking for a project that utilizes all these concepts in a more complex example then the ToDo, you might want to look at my Snowflake project: https://github.com/bartonhammond/snowflake - It's more complex then a Todo but not so much that you can't wrap your head around it.

Avatar
Vladimir Makushev

Just awesome, Dan! Thank you.

Avatar
Propellio

This was a wonderful and very instructive series. I really liked the approach where you implement stores and reducers via plain JS so we can see what's going on under the hood. Such simple, yet so powerful concepts. Hope you make more videos/series on React/Redux. Cheers.

Avatar
Maxi Ferreira

Fantastic series. I now feel I'm not only a better Redux developer, but also a better React developer.

Avatar
Andrew Mead

I had no idea why I'd want to use Redux when I started this course. This course really made it easy to understand the how & why of redux. Thanks Dan!

Avatar

Thanks Dan and Egghead! This course was FANTASTIC!

Dan has an incredibly relaxing voice, and I noticed that he made very few, possibly NO errors at all while typing. Kind of amazing!

Avatar
ysfzrn

Thanks for this excellent tutorial. Dan is amazing developer or creator.

Avatar
Zhentian

Thanks! This series is really great, very informative and helpful.

In reply to egghead.io
Avatar
Stefan

That was very helpful! Thank you very much!

Avatar
Alexander Hofstede

Well done, learned a lot. Might be useful to add one more; refactoring the whole thing to separate files and recommended project/folder structure?

Avatar
Abdo

Check out Stephen Grider's starter https://github.com/StephenGrider/ReduxSimpleStarter . He also has examples for his Udemy course (which I took) at https://github.com/StephenGrider/ReduxCasts

In reply to Alexander Hofstede
Avatar
Ojassvi

Thanks Dan for the excellent walk through Redux. This helps me understand the flow of data and how to think of the application.

Avatar
Sequoia McDowell

Series was great, thanks for making it! Feedbacks:

  1. Would be helpful if you highlighted places where you're doing it "wrong" but planning to rewrite it later. I struggled to understand how calling getState from render was a good idea (these frameworks are new to me so there's a lot I don't understand), only to find out that in fact that isn't a good idea & you fix it later. Big red "We're going to fix this!" note on those would help me sort out what's confusing cuz it's new from what's confusing cuz it is in fact wrong.
  2. Would love to see one or two short vids at the end breaking the application code out into a typical react/redux structure (do you group all actions in a file? etc.).
HEY, QUICK QUESTION!
Joel's Head
Why are we asking?