优雅的, 高性能的, 定向的状态管理

为此, 为她选了一个优雅的名字: kilt

克隆 & 使用

懒得编译发布了, 进入项目

cd your-project/components

拷贝并执行以下命令, 将会只克隆组件代码

clone-by-ymzuiku(){
  git clone --depth=1 https://github.com/ymzuiku/$1.git && rm -rf $1/.git $1/.gitignore
}
clone-by-ymzuiku react-kilt

直接引用

import createKilt from "components/react-kilt";

注册例子:

import createKilt from 'react-kilt'

const actions = {
  dog: (update, value) => {
    // 更新dog属性
    update(value + 1);
  },
  cat: (update, value, values, kiltPush) => {
    // 横向修改其他属性
    kiltPush.dog(500);
    update(value + 2);
  },
};

const isDev = process.env.NODE_ENV === 'development';
// KeyA 表示使用 ctrl+a 激活 devTool 面板
const [kilt, controller] = createKilt(actions, isDev && 'KeyA');

export default kilt

使用

import kilt from '../kilt'

export default kilt('dog', 'cat')({dog, kiltPush})=>{
  return (
    <div>
      <div>{dog}</div>
      <button onClick={()=> kiltPush.dog(50)} >更新全局状态</button>
    </div>
  )
}
```js