Simplified strongly typed redux
When defining redux actions and reducers with typescript, you often need a lot of typing for interfaces to ensure that you can use your actions, action-creators and reducers with autocompletion ect.
Redux-area tries to simplify creation of redux logic by hiding / calculating types, keeping the code more clean.
The goal is: to ease and reduce the amount of code we need to write to get all benefits of both
- redux (single truth, deterministic state transition and view rendering, time travel ect..) and
- typescript (strongly typed symbols and interfaces, code checking/nullable check, auto-rewriting, autocompletion, auto-importing ect..).
Redux-area uses the immer npm module for keeping the reducers as simple as possible.
You can create normal reducers if you need them
See codesandbox Demo in React
See Github Wiki for full Documentation
Another module that adds React specific functionality to redux-area.
npm install redux-saga-area
yarn add redux-saga-area
You need to have installed: "immer": "^5.x", "redux": "^4.x", "redux-saga": "^1.x"
yarn add immer redux redux-saga redux-saga-area
Demo: Demo in React
("@next" Demo - not stable): Demo in React