Smart is a simple tool which allows you to decouple state and logic from your components.
Goodies:
- ✅ Uses React Hooks behind the scenes
- ✅ Manage state and actions separately from your components
- ✅ TypeScript auto-completion at every step
- ✅ Ultra light-weight
- ✅ Integration with Redux DevTools
npm install --save @bluelibs/smart
import { Smart, smart } from "@bluelibs/smart";
// This is where you make api queries and this is where you set or update the state
class Counter extends Smart {
state = {
count: 0,
};
increment() {
this.setState({ count: this.state.count + 1 });
}
}
// Components just call the Counter and use `counter.state`
function Component() {
const counter = useSmart(Counter);
// Access to api.state
// Ability to trigger api.increment()
}
smart(Counter)(Component);
Click here to go to the documentation
This package is part of BlueLibs family. If you enjoy this work please show your support by starring the main package. If not, let us know what can we do to deserve it, our feedback form is here