✳flâneur — a map of the web's best reading

///_hyperscript

hyperscript.org · 778 words · saved by 1 readers

Scripting HTML without tears: concise DOM manipulation, events, reactivity & more, no async or await. 38KB (10ms over 4G), zero dependencies, install with a script tag. CSS selectors are first-class syntax. Reference elements by ID with #foo, by class with .bar, or with full query selectors like <nav a.active/>. No querySelectorAll() calls: write selectors directly in your code. In hyperscript, events are first class citizens. Respond to events easily. Send events between elements, filter them with conditions, queue and debounce them. Hyperscript ❤️ events! Write linear, top-to-bottom code. Waiting, fetching, and animating just work. No more promises, no more callbacks, no async/await. Hyperscript handles it for you. Define reusable custom elements with reactive templates. Write markup with ${} interpolation, and the runtime handles re-rendering via morphing. Components should be easy. Hyperscript makes them easy. Reactivity should be easy too. You shouldn't need to declare signals or

///_hyperscript hyper s cript Finally... A scripting language for the web Scripting HTML without tears: concise DOM manipulation , events , reactivity & more , no async or await . 38KB ( 10ms over 4G ), zero dependencies, install with Install URL Copied! ` at the end of me wait 1s then remove the last in me">a script tag . example.html < input type = " text " placeholder = " Search... " _ = " on input hide #no-match show <li:not(#no-match)/> in #hero-results when its textContent contains my value ignoring case show #no-match when the result is empty " /> in #hero-results when its textContent c

Explore this link on the map →

saved by

related reading