Arfa.js

---

📖 Overview

arfa-reactives is the reactivity system built for the Arfa.js framework.
It provides a simple, lightweight way to manage state and lifecycle inside Arfa.js components.

Arfa.js uses the arfa-reactives package to provide a familiar but lightweight hook system:

ref(initialValue) → Create reactive state ([getter, setter])

onMounted(fn) → Run logic when a component is mounted

onEffect(fn, deps) → Run side effects when dependencies change

Example Usage:

``bash
import { onMounted, onEffect, ref } from "arfa-reactives";

export default function CounterExample() {
const [count, setCount] = ref(1);
const [showMessage, setShowMessage] = ref(true);

// Run once on mount
onMounted(() => {
console.log("Component mounted with initial count:", count());
});

// Effect runs when count changes
onEffect(() => {
console.log("Count changed:", count());
return () => console.log("Cleaning up for count:", count());
}, [count]);

// Effect runs when showMessage changes
onEffect(() => {
console.log("Show message changed:", showMessage());
}, [showMessage]);

return (


``