0.1.1 • Published 1 year ago
signals-react-extends v0.1.1
signals-react-extends
@preact/signals-react
extends
Block
ignore props drilling in now Funtion
<Block>{() => <div>{signal.value}</div>}</Block>
setSignal
use immer set signal
const obj = signal({ name: "hi" });
setSignal(obj, (v) => (v.name = "hello"));
useSetSignal
Use signal to set function, keep function to useCallback
const name = useSignal("");
const setName = useSetSignal(value);
return <UxInput value={name.value} onChange={setName} />;
signalWithStorage
Auto load/saving localStorage in signal change
- init in root App:
function App() {
// init keep ssr values
useRootSignal();
return <Main />;
}
const obj = signalWithStorage({ name: "hi" });
- use signalWithStorage at anywhere
const obj = signalWithStorage({ name: "hi" });
useBlockCallback
use useCallback(fn, [])
const fn = useBlockCallback(() => {});