Skip to content

lzy19926/lzy-redux

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

一个简易的手写redux , redux-react, redux-thunk 库

Redux:功能简单的核心库,只是一个单纯的状态机

React-Redux:是跟React的连接库,当Redux状态更新的时候通知React更新组件。

Redux-Thunk:提供Redux的异步解决方案,弥补Redux功能的不足。

import { createStore } from 'lzy-redux'

function counterReducer(state , action) {
  switch (action.type) {
    case 'Incremented':
      return { value: state.value + 1 }
    case 'Decremented':
      return { value: state.value - 1 }
    default:
      return state
  }
}

let store = createStore(counterReducer)

// 组件订阅状态
store.subscribe(() => console.log(store.getState()))

// dispatch状态
store.dispatch({ type: 'Incremented' }) // {value: 1}
store.dispatch({ type: 'Incremented' }) // {value: 2}
store.dispatch({ type: 'Decremented' }) // {value: 1}

About

仿写redux,redux-thunk,redux-react等库

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published