leoynick / aprende-redux

Code for my Redux Workshop ⚡️

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 👓)