@xignal/react


React x xignal

Install

npm i xignal @xignal/react

Usage

$3

``ts

// ./signal.ts

import * as xignal from "xignal";

export const count = xignal.state(0);
export const doubled = xignal.computed(() => count.get() * 2);

`

#### useSignalValue

`tsx

// ./counter.tsx

import { useSignalValue } from "@xignal/react";

import { count, doubled } from "./signal";

const Counter = () => {
const countValue = useSignalValue(count);
const doubledValue = useSignalValue(doubled);
return (


`

#### useSignalState

`tsx
import { useSignalState } from "@xignal/react";

import { count } from "./signal";

const Component = () => {
const [countValue, countUpdate] = useSignalState(count);
};
`

#### useSignalComputed

`tsx
import { useSignalComputed } from "@xignal/react";

import { count } from "./signal";

const Component = () => {
const doubledValue = useSignalComputed(() => count.get() * 2);
};
`

$3

`tsx

import * as xignal from "xignal";
import { Show } from "@xignal/react";

const shouldShow = xignal.state(false);

const App = () => {
return children;
};

`

#### Utils

`ts

import { createStateWithUseSignalValue, createComputedWithUseSignalValue } from "@xignal/react";

const [count, useCount] = createStateWithUseSignalValue(0);
const [doubled, useDoubled] = createComputedWithUseSignalValue(() => count.get() * 2);

``

License

MIT