Compostate bindings for React
npm install preact-compostate> Preact bindings for compostate
 
``bash`
npm install --save compostate preact-compostate
`bash`
yarn add compostate preact-compostate
`bash`
pnpm add compostate preact-compostate
`js
import { defineComponent, onEffect } from 'preact-compostate';
import { ref } from 'compostate';
// Define a component
const CounterMessage = defineComponent((props) => {
// This function only runs once, hooks cannot be used here.
// preact-compostate provides onEffect as a lifecycle hookeffect
// You can use this instead of tracking API like
onEffect(() => {
console.log('Count: ', props.value);
});
// Return the render atom
return () => (
}const Counter = defineComponent(() => {
const count = ref(0);
function increment() {
count.value += 1;
}
function decrement() {
count.value -= 1;
}
return () => (
<>
);
});
``
MIT © lxsmnsyc