2.0.2 • Published 2 years ago
little-state-machine-devtools v2.0.2
$ npm install little-state-machine-devtools
📋 app.js
import React from 'react'
import yourDetail from './yourDetail'
import YourComponent from './yourComponent'
import { StateMachineProvider, createStore } from 'little-state-machine'
import { DevTool } from 'little-state-machine-devtools'
// The following code is for React Native usage
// import { AsyncStorage } from "react-native";
// setStorageType(AsyncStorage);
// create your store
createStore({
yourDetail,
});
export default () => {
return (
<StateMachineProvider>
{process.env.NODE_ENV !== 'production' && <DevTool />}
<YourComponent />
</StateMachineProvider>
)
}
📋 yourComponent.js
import React from 'react'
import { updateName } from './action.js'
import { useStateMachine } from 'little-state-machine'
export default function YourComponent() {
const {
action,
state: { yourDetail: { name } },
} = useStateMachine(updateName);
return <div onClick={() => action({ name: 'bill' })}>{name}</div>
}
📋 yourDetail.js
export default {
name: 'test',
}
📋 action.js
export function updateName(state, payload) {
return {
...state,
yourDetail: {
...state.yourDetail,
...payload,
},
}
}
2.0.2
2 years ago
2.0.1
3 years ago
2.0.0
3 years ago
1.0.0-beta.6
3 years ago
2.0.0-alpha.0
3 years ago
1.0.0-beta.4
3 years ago
1.0.0-beta.5
3 years ago
1.0.0
4 years ago
1.0.0-beta.3
4 years ago
1.0.0-beta.2
4 years ago
1.0.0-beta.1
4 years ago