⚠️ OUTDATED

The repo was created at before React Redux Hooks. So almost code were little bit older style and could be useless today.

Redux Middleware Less Architecture

🍷 write redux application from middleware less.

What's this?

RBLA is the code example of write React/Redux application from middleware less. This is create-react-app based, please refer /src folder.

Concept

Redux fundamental is pretty simple.
And you can also feel free to apply redux stuff, Dan mentioned at dev.to.
But typically actual Redux application codebase tend to bocome too complicated.

I guess that because doesn't match Redux fandamental(dispatch action -> resolve reducer -> update state) and actual codebase(excess middlewares, boilerplate, spliting file etc).

The problem is only influenced which way to how to scaling huge application, except for minimal understandable Redux usage.

This repo suggestion to you straightforword Redux application coding style, without Middleware,Boilerpate,Advanced Liblary.

But remember, the suggestion only targeting small aplication.
If your application will grow up to huge, I strongly reccomend read through Idiomatic Redux by Mark Erikson.

Requirements

• react
• redux
• react-redux

Specific Concepts

• Clarify entire state shape and initial state in reducer file

• Handle async logic without middleware, keep Redux work only dispatch action -> resolve reducer -> update state

• Clarify What kind of action are available? What kind of parameters should I give?

• Dispatch action soon after bisiness logic never across function call scope flatly, and don't assign action string to const. In order to smooth debug used to Redux DevTools Extension. Copy action name, paste & search codebase immediately.

Libraries not adopted

Too complicated for me when launch project.

• redux-saga: Every things occuring in middleware. It's not Redux concern.
• normalizr: I can't imagine nomalized data structure immediately.
• redux-persist: Using LocalStoarage directly instead.

Example

CodeSandbox Available 🎉

Inspiration

• counter-vanilla
• why-do-we-need-middleware-for-async-flow-in-redux

Contributors

Thanks goes to these wonderful people (emoji key):

ryota-murakami 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

License

MIT