{"id":47100112,"title":"Show HN: Tired of BIG JavaScript frameworks? try this","points":2,"user":"aggroot","time":1771676516,"time_ago":"7 hours ago","type":"link","content":"

I wrote a tiny 5kb library with a new concept for client-side interactivity: reactive hypermedia contexts embedded in HTML.

It looks like this:

  <div hctx="counter">\n    <span hc-effect="render on hc:statechanged">0</span>\n    <button hc-action="increment on click">+1</button>\n  </div>\n

\nIt comes with reactive state, stores, and allows you to build your own DSL in HTML.

One feature that stands out is the ability to spread a single context scope across different DOM locations:

    <!-- Header -->\n    <nav>\n        <div hctx="cart">\n            <span hc-effect="renderCount on hc:statechanged">0 items</span>\n        </div>\n    </nav>\n\n    <!-- Product listing -->\n    <div hctx="cart">\n        <button hc-action="addItem on click">Add to Cart</button>\n    </div>\n\n    <!-- Sidebar -->\n    <div hctx="cart">\n        <ul hc-effect="listItems on hc:statechanged"></ul>\n    </div>\n

\nContexts are implemented via a minimal API, and TypeScript is fully supported. For more details about capabilities check the docs dir in github repository.

Curious what you think, feedback is welcomed.","url":"https://github.com/aggroot/hctx","domain":"github.com","comments":[{"id":47103060,"level":0,"user":"yohskar","time":1771696814,"time_ago":"an hour ago","content":"

I really like this html first approach, it is way too easy to develop with hypermedia principles than the js,react approach\nDo you know this library ?, \nhttps://github.com/dy/sprae\nmaybe have additional features than yours","comments":[]}],"comments_count":1}