implement
Implement/Signals/Updating the DOM

Now that we know how create and update signals we should probably learn how to bind them so that our UI can update when they change. The most simple way to see a signal update is just to add it directly as the child of a component like so:

export default function App() {
	const count = signal(0);

	return P(count);
}

P subscribes to count so that whenever count updates the content of P will too.

To demonstrate this, why don't we use the button onClick event to update the value of our count.

function handleClick() {
	count.increment();
}
PreviousSignal basicsNextSignal helper methods
index.ts
import { Button, Div, H1, signal } from "@implementjs/core";

export default function App() {
	const count = signal(0);

	function handleClick() {}

	return Div(H1("Count: ", count), Button({ onClick: handleClick }, "Increment"));
}
Preview