tagu-tagu 4.0.1 → 4.0.2

package/README.md

@@ -354,7 +354,10 @@ document.body.appendChild(InitializerCallbackExample());
 #### Animation
 [`animate` initializer](./docs/animate.md)
 
-### `State`
+### `Signal`
+
+#### `useState`
+
 ```typescript
 import { button, div, useState } from "tagu-tagu";
 
@@ -372,6 +375,7 @@ document.body.appendChild(SimpleStateExample());
 ```
 [JSFiddle](https://jsfiddle.net/do_the_simplest/j3948zpo/1/)
 
+#### `useComputed`
 ```typescript
 import { button, div, useState, useComputed } from "tagu-tagu";
 
@@ -419,6 +423,32 @@ document.body.appendChild(TwoComputedSignalsStateExample());
 ```
 [JSFiddle](https://jsfiddle.net/do_the_simplest/8hsuc5pn/5/)
 
+#### `useEffect`
+
+```typescript
+import { button, div, useEffect, useState } from "tagu-tagu";
+
+function EffectExample() {
+	const count = useState(0);
+
+	function incrementCount() {
+		count.set(count.get() + 1);
+	}
+
+	useEffect(() => {
+		console.log("count:", count.get());
+	});
+
+	return div([
+		div("See console"),
+		button("+", { on: { click: incrementCount } }),
+	]);
+}
+
+document.body.appendChild(EffectExample());
+```
+[JSFiddle](https://jsfiddle.net/do_the_simplest/ge3mbua4/3/)
+
 ### `If`
 
 ```typescript

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tagu-tagu",
-	"version": "4.0.1",
+	"version": "4.0.2",
 	"description": "A lightweight helper for vanilla `HTMLElement`, with reactivity.",
 	"keywords": [
 		"front-end",