comfey/demo/multiple-app/index.js

Tiny micro mini data binding library inspired by react hook useState

import Comfey, { ComfeyDom } from 'comfey';
import '../../comfey.css';

const COMFEY_DEBUG = true;

(() => {
  const app = new Comfey(
    new ComfeyDom(document.getElementById('app1'), COMFEY_DEBUG),
    COMFEY_DEBUG
  );
  const [, setActive] = app.useState('stateActive', false);
  const [, setFontSize] = app.useState('fontSize', '');

  setInterval(() => {
    setActive(Math.random() > 0.5);
    setFontSize(Math.random() > 0.5 ? 'large' : 'normal');
  }, 1000);
})();

(() => {
  const app = new Comfey(
    new ComfeyDom(document.getElementById('app2'), COMFEY_DEBUG),
    COMFEY_DEBUG
  );
  const [, setActive] = app.useState('stateActive', false);
  const [, setFontSize] = app.useState('fontSize', '');

  setInterval(() => {
    setActive(Math.random() > 0.5);
    setFontSize(Math.random() > 0.5 ? 'large' : 'normal');
  }, 1000);
})();