aprende-redux

Code for my Redux Workshop

What is Redux?

A very quick overview!

Open this CodeSandbox to learn and play with the basic concepts!

F.A.Q.

• Why redux-thunk and not redux-saga? Because of this!

Exercises

$ npm i # download dependencies
$ npm start # enjoy! 

1. Go to src/store.js and only fix the TODO for now...
2. Go to src/components/App.js.
3. Great! Now our Redux app is working! Let's add some new stuff!
4. Go to src/actions/types.js and only fix the TODO for now...
5. Go to src/actions/index.js and only fix the TODO for now...
6. Go to src/reducers/posts.js.
7. You now introduced a bug! How can you fix it? (hint: 2 steps)
8. Hint: it would be nice to use redux-logger, wouldn't it?
9. Go back to to src/actions/types.js and fix the FIXME!
10. Go back to to src/actions/index.js and fix the FIXME!
11. Go to src/reducers/comments.js.
12. Go to the branch redux-thunk, and to src/actions/index.js and have a look!
13. Where would you dispatch the action for fetchComments??? (hint: 2 steps)
14. ##BONUS## (lenses )