redux-loadings renamed to region-shortcut!!!
A replacement tool of redux to handle sync & async action flow. Extremely simple API!
English | 中文
| Package | Version | Docs | Description |
|---|---|---|---|
| region-core |  |
 |
The core of Region: set, load & connect |
| region-shortcut |  |
|
Wrapped core with global Provider, set, load & connect |
| region-form |  |
|
RegionForm extends Region: bindWith any ant-design form item |
Get Started
npm i region-shortcut
// or
npm i region-coreThen create your Component
import { connectWith } from 'region-shortcut';
import { fetchUser } from './fetch'; // somewhere with axios
load('user', fetchUser);
const Display = ({ user }) => <div>{user}</div>
export default connectWith('user', Display);or
import { connectWith } from 'region-shortcut';
import { fetchUser, fetchFollower } from './fetch'; // somewhere with axios
load('user', fetchUser);
const handleClick = () => load('follower', fetchFollower);
const Display = ({ loading, error, user, follower }) => (
<div>
{user}
{follower}
<Button loading={loading} onClick={handleClick} />
</div>
);
export default connectWith(['user', 'follower'], Display);Docs
Example
git clone https://github.com/regionjs/region-core.git
cd example
npm i
npm startContribute
Region is Extremely easy to extend, fire a issue if you have some great idea.
import { Region } from 'region-core';
class MyRegion extends Region {
constructor(...args) {
super(...args);
this.someFunc = this.someFunc.bind(this); // in case you are not using class field
}
someFunc() {}
}As for pull request, make sure to add test for your code.
