V0.4.0

🐰 Bunny JS v0.4.0

✨ Nuevas funcionalidades

La versión v0.4.0 introduce un sistema de manejo de estado reactivo, permitiendo una mayor interactividad y dinamismo en las interfaces sin necesidad de frameworks externos.

Ahora es posible vincular elementos del DOM con estados definidos, de manera que cualquier cambio en los datos se refleje automáticamente en la vista.

🚀 Características destacadas

• Sistema de estado reactivo minimalista inspirado en React.
• Posibilidad de vincular nodos del DOM a valores dinámicos.
• API simple y coherente con la filosofía de Bunny JS: elegante, legible y sin dependencias.

📦 Ejemplo básico

const count = bunny.state('counter', 0);

const counterContainer = bunny.div();
const counterText =  counterContainer.p().text("0");
counterContainer.button("Incrementar").when("click", () => {
  count.update((old_count) => old_count + 1);
});

count.bind(counterText, (element, actual_count) => {
  element.text(`${actual_count}`);
});

count.subscribe((oldValue, newValue) => {
  console.log(`${oldValue} => ${newValue}`);
});

console.log("El valor actual es:", count.get());

Este ejemplo vincula un párrafo al estado count, actualizándolo automáticamente cada vez que cambia.

🛠️ Consideraciones

Esta nueva funcionalidad mantiene la ligereza de la librería y está pensada para pequeños proyectos, componentes personalizados o prototipos donde se necesita una solución simple y efectiva para manejar cambios en la interfaz.

---

Para más detalles, revisá la documentación oficial o el repositorio del proyecto.