1.0.14 • Published 2 years ago
react-gstatem v1.0.14
GStatem is a small, simple and fast state-management tool.
Installation
npm
npm i react-gstatem
yarn
yarn add react-gstatem
Demos
Basic usage of function component
Create a store
The increaseCount
function can be used anywhere - in component, utils file, event listener, setTimeout, setInterval and promise callbacks.
// Store.js
import { create } from "react-gstatem";
const { useSelect, dispatch } = create({
/* initial state */
state: { count: 0 }
});
/* the count hook for function component */
export const useCount = () => useSelect(state => state.count);
/* increase the counter */
export const increaseCount = () => dispatch(state => ({ count: state.count + 1 }));
Use the store in component
import React from "react";
import Counter from "./Counter";
import { useCount, increaseCount } from "./Store";
const BasicUsage = () => {
const count = useCount();
return (
<Counter value={count} onIncrement={increaseCount} />
);
};
export default BasicUsage;
1.0.9
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.11
2 years ago
1.0.10
2 years ago
1.0.14
2 years ago
1.0.13
2 years ago
1.0.12
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago
1.0.0-alpha.15
2 years ago
1.0.0-alpha.14
2 years ago
1.0.0-alpha.13
2 years ago
1.0.0-alpha.12
2 years ago
1.0.0-alpha.9
2 years ago
1.0.0-alpha.8
2 years ago
1.0.0-alpha.7
2 years ago
1.0.0-alpha.6
2 years ago
1.0.0-alpha.5
2 years ago
1.0.0-alpha.4
2 years ago
1.0.0-alpha.3
2 years ago
1.0.0-alpha.2
2 years ago