安装

如何安装取决于你使用的什么平台。如果你使用了现代的打包工具，请使用包管理器 yarn 或者 npm 进行安装，如果你使用了浏览器的 type="module" 功能那么可以直接引用 CDN 资源。

使用包管理的方式：

yarn add -D @gyron/redux
# or
npm install --save-dev @gyron/redux

使用浏览器模块化的方式：

<script type="module">
  import { createStore } from 'https://cdn.skypack.dev/@gyron/redux'
</script>

使用 Store

安装完成后就可以创建一个 store，然后在节点上使用<Provider>，它接受一个store属性，可以通过createStore创建。如果使用插件？

import { createInstance } from 'gyron'
import { Provider, createStore } from '@gyron/redux'

function counterReducer(state = { value: 0 }, action) {
  switch (action.type) {
    case 'counter/incremented':
      return { value: state.value + 1 }
    case 'counter/decremented':
      return { value: state.value - 1 }
    default:
      return state
  }
}
const store = createStore({
  reducer: counterReducer,
})
createInstance(<Provider store={store}>/* ... */</Provider>)

store.extra.dispatch({ type: 'counter/incremented' })
// {value: 1}