Redux-saga-area

Redux-area width redux-saga

Short: 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

Github Source Code (The npm package)

See codesandbox Demo in React

See Github Wiki for full Documentation

redux-area

react-area

react-redux-area

Another module that adds React specific functionality to redux-area.

react-redux-area

Install

1npm install redux-saga-area

Or

1yarn add redux-saga-area

You need to have installed: "immer": "^5.x", "redux": "^4.x", "redux-saga": "^1.x"

Full install

1yarn add immer redux redux-saga redux-saga-area

Demo

(editable codesandbox.io)

Demo: Demo in React

("@next" Demo - not stable): Demo in React