Eleva.js – A 2.3KB JavaScript framework with signals and no virtual DOM

1 comments

• $guntis_dev 2 months ago

  I know this is a thing of taste, but have you considered a syntax closer to SolidJS's approach? Something that feels a bit more vanilla JavaScript, where signals are just tuples with getter/setter and you use JSX instead of template strings and components are just plain functions?

  For comparison, here's how this example would look:

    import { render } from "solid-js/web";
    import { createSignal } from "solid-js";
  
    function Counter() {
      const [getCount, setCount] = createSignal(0);
      return <button onClick={() => setCount(getCount() + 1)}>{getCount()}</button>;
    }
    render(() => <Counter />, document.getElementById("app"));