Munawwar Firoz

@munawwar.bsky.social

Web developer - HTML / CSS / JS, node.js, preact, vanilla JS, serverless, serverful, databases, IaC github.com/Munawwar | codepasta.com At Carriyo, Dubai, UAE

Tagged template literal (TTL) based rendering library can handle spread syntax `...${props}`. I think it can have react-like `children` / slots idea too. Will be trying to (dis)prove the idea soon. Though the type checking story is weaker than what JSX can give.

My fork of nimble-html has - (pseudo) hydration - dom-reconciler for lists (based off udomdiff code) - ...${prop} spread syntax - types safety isn't possible directly with TS syntax, so .. it now has TS server plugin, CLI linter tool, vscode extension (for squiggly + syntax highlight)

Munawwar Firoz@munawwar.bsky.social · 3mo ago

Playing with nimble-html. Added (naive) hydration logic: github.com/Munawwar/nim... It doesn't aim to reduce DOM creation, but only to preserve form element states. So no CPU/Mem savings, but whatever user typed before hydration is preserved. Trade-off for lesser LoC. cc @joe.trusktr.io

So here's an interesting little thing or 2 @nomster.bsky.social , @foolip.org , and myself have been cooking up—along with lots of help from others!: developer.chrome.com/blog/declara... This could lead to some VERY interesting changes in how we write web pages. Would love to hear your thoughts!

Declarative partial updates  |  Blog  |  Chrome for Developers

Learn about new out-of-order streaming capabilities and the renewed HTML insertion and streaming methods available for testing from Chrome 148

developer.chrome.com

Playing with nimble-html. Added (naive) hydration logic: github.com/Munawwar/nim... It doesn't aim to reduce DOM creation, but only to preserve form element states. So no CPU/Mem savings, but whatever user typed before hydration is preserved. Trade-off for lesser LoC. cc @joe.trusktr.io

GitHub - Munawwar/nimble-html at pseudo-hydration

A light-weight `html` tagged template string function for writing declarative-reactive web apps. Zero dependencies. - Munawwar/nimble-html

github.com