ceres

Web development for me.

ceres is a UI framework for the web built around observables.

const Greeter = $createComponent<{ greeting: string }>(($props) => {
   const name = $store("you");

   return $fragment(
      $element(
         "div",
         {},
         $element("input", { type: "text", bind: { value: name } }),
         $element(
            "button",
            { on: { click: () => (name.value = "ceres") } },
            "Greet myself"
         )
      ),
      $element("span", {}, $format`${$props.greeting} ${name}!`)
   );
});

const app = Greeter({ greeting: "Hey" });
app.mount(root);