The Magical Disappearing UI Framework - a JS framework with no runtime. You can write code in familiar looking components/templates, which gets compiled to vanilla JS to serve to the browser. Created by Rich Harris, of rollup fame. He seems to solo a crazy number of projects, usually small and fast.
- Docs have straightforward first example, then covers API docs. Missing some middle ground for setup, but very easy to follow
- Includes a CLI, for easy setup
- Main thing missing is hot/live reloading. For this can start by adding browser plugin or a build script to do this
Started with some sanity checks. bind:checked
works! Seems like an overly simple thing to test for, but checkboxes are important to me.
Component structure and props looks pretty familiar. Looks quite similar to Vue, with some minor syntax differences. e.g. template interpolation uses single {}
instead of double. Some parts look more like Handlebars, such as {#each}
instead of v-for
. But this makes the code vs template parts pretty clear and easy to see, which is good. Has getters and setters for mutating state, and event emitters.
Currently no SSR, but first render is pretty snappy. Generated code is so much nicer to debug that React/Vue.
TLDR: Looks good! Let's make something with it.