React 状态管理库 statty
- 授权协议: MIT
- 开发语言: JavaScript
- 操作系统: 跨平台
- 软件首页: https://github.com/vesparny/statty
- 软件文档: https://github.com/vesparny/statty
- 官方下载: https://github.com/vesparny/statty
软件介绍
statty 是一个小巧而又不引人注目的,用于 React 和 Preact 应用程序的状态管理库。
使用方法:
// https://codesandbox.io/s/rzpxx0w34 import React from 'react' import { render } from 'react-dom' import { Provider, State } from 'statty' import inspect from 'statty/inspect' // selector is a function that returns a slice of the state // if not specified it defaults to f => f const selector = state => ({ count: state.count }) // updaters // updaters MUST be pure and return a complete new state, // like Redux reducers const onDecrement = state => Object.assign({}, state, { count: state.count - 1 }) const onIncrement = state => Object.assign({}, state, { count: state.count + 1 }) // Counter uses a <State> component to access the state // and the update function used to execute state mutations const Counter = () => ( <State select={selector} render={({ count }, update) => ( <div> <span>Clicked: {count} times </span> <button onClick={() => update(onIncrement)}>+</button>{' '} <button onClick={() => update(onDecrement)}>-</button>{' '} </div> )} /> ) // initial state const initialState = { count: 0 } // The <Provider> component is supposed to be placed at the top // of your application. It accepts the initial state and an inspect function // useful to log state mutatations during development // (check your dev tools to see it in action) const App = () => ( <Provider state={initialState} inspect={inspect}> <Counter /> </Provider> ) render(<App />, document.getElementById('root'))
機器,平台,群眾
安德魯‧麥克費(Andrew McAfee)、艾瑞克‧布林優夫森(Erik Brynjolfsson) / 李芳齡 / 天下文化 / 2017-12-27 / TWD550
★★Amazon.com商業理財Top1 ★★ 全球暢銷書《第二次機器時代》作者最新力作 兩位MIT數位頂尖科學家歷時三年時間 走訪矽谷、華府、劍橋、紐約、倫敦、舊金山等科技政經重鎮 拜會許多領域精英進行交流,結合宏觀趨勢觀察, 指出人人都應關注的三重革命 科技正以空前速度改變每個產業及每個人的生活, 你該如何做,才能保持領先? 我們生活在一個奇特的......一起来看看 《機器,平台,群眾》 这本书的介绍吧!