Hacker GitHub

← All repos

wisercoder/uibuilder

View on GitHub ↗ ★ 136 TypeScript

Typed HTML templates using TypeScript's TSX files

71 mentions on Hacker News by 9 people: 0 stories, 71 comments · first 2016-03-12 · latest 2026-09-06

Mentions per year 71 mentions · busiest year 2018 (14)
20082026
AllStoriesComments NewestTopOldest
  1. If the goal is to use JSX and avoid the complexities of React checkout https://github.com/wisercoder/uibuilder Sample application: https://github.com/wisercoder/eureka/tree/master/webapp/Clie...
    comment by petilon · 2026-09-06 · in Vidact – a compiler that turns React into direct DOM operations
  2. …It uses two 500-line libraries: This 500-line lib lets you use TSX syntax without React: https://github.com/wisercoder/uibuilder This 500-line lib implements MVC routing: https://github.com/wisercoder/mvc-router
    comment by breadwinner · 2025-10-17 · in Ask HN: How does one build large front end apps without a framework like React?
  3. With a simple 500-line lib you can write Web Components just like React, here's an example: https://github.com/wisercoder/uibuilder/blob/master/WebCompo...
    comment by breadwinner · 2025-02-18 · in Svelte 5 is not JavaScript
  4. You can use JSX syntax without using React. You can stay close to raw HTML/CSS/JS too. See here: https://github.com/wisercoder/uibuilder And here's a complete app example: https://github.com/wisercoder/eureka/tree/master/webapp/Clie...
    comment by breadwinner · 2024-12-06 · in React 19
  5. See also https://github.com/wisercoder/uibuilder For a complete application see https://github.com/wisercoder/eureka/tree/master/webapp/Clie...
    comment by breadwinner · 2024-09-25 · in Show HN: WebJSX – A tiny Web Components and JSX library
  6. This is very similar to Vanilla TSX: https://github.com/wisercoder/uibuilder Here’s an app written using Vanilla TSX: https://github.com/wisercoder/eureka/tree/master/webapp/Clie...
    comment by flowerlad · 2024-08-17 · in VanillaJSX.com
  7. If you want to use JSX without React see this 500-line lib: https://github.com/wisercoder/uibuilder And here's an app built using this lib: https://github.com/wisercoder/eureka/tree/master/webapp/Clie...
    comment by breadwinner · 2024-07-09 · in Show HN: A JavaScript UI library for imperative JSX
  8. …You can. Here's an example of using a web component in a JSX template (look for zx-listeditor): https://github.com/wisercoder/uibuilder/blob/master/WebCompo... Here's how the web component is implemented, also using JSX:…
    comment by breadwinner · 2023-11-27 · in Web Components Eliminate JavaScript Framework Lock-In
  9. It is 223 lines of code: https://github.com/wisercoder/uibuilder/blob/master/dist/uib... You object to this tiny amount of code?
    comment by breadwinner · 2023-10-25 · in Web components will outlive JavaScript frameworks
  10. …But you can! Here's an example of passing complex objects as attributes (look for zx-listeditor): https://github.com/wisercoder/uibuilder/blob/master/WebCompo... And here's the web component itself: https://github.com/wisercoder/uibuilder/b…
    comment by breadwinner · 2023-10-25 · in Web components will outlive JavaScript frameworks
  11. Web Components are very easy to write, here's an example Web Component: https://github.com/wisercoder/uibuilder/blob/master/WebCompo... You can even use React-like templates. You need a 500-line lib to do that:…
    comment by breadwinner · 2023-08-03 · in If Web Components are so great, why am I not using them?
  12. There is no jQuery or React being used. You can use TSX without using React. See https://github.com/wisercoder/uibuilder
    comment by petilon · 2023-03-09 · in React is holding me hostage
  13. …It uses two 500-line libs: This is the component "framework", it is 500 lines: https://github.com/wisercoder/uibuilder This is the router, it is 500 lines: https://github.com/wisercoder/mvc-router
    comment by petilon · 2022-11-17 · in Ask HN: Good resource on writing web app with plain JavaScript/HTML/CSS?
  14. …It uses two libs, 200 lines and 500 lines each: This lib for components: https://github.com/wisercoder/uibuilder And this one for routing (HTML5 history API): https://github.com/wisercoder/mvc-router React is overrated in my opinio
    comment by petilon · 2022-03-06 · in Building a web app with no framework
  15. …it loses its attraction. Web Components are conceptually way simpler and work well. See example: https://github.com/wisercoder/uibuilder/blob/master/WebCompo...
    comment by flowerlad · 2021-09-29 · in What's New in React 18?
  16. …be syntax-checked at build time. If you want a lightweight framework check out UIBuilder instead: https://github.com/wisercoder/uibuilder Same JSX syntax as React, but this lib is very simple -- just over 200 lines of source code.
    comment by flowerlad · 2021-07-03 · in AlpineJS – Lightweight JavaScript Framework
  17. …that work with all frameworks, including React. You can even use JSX to build Web Components: https://github.com/wisercoder/uibuilder
    comment by flowerlad · 2021-06-29 · in Virtual DOM is pure overhead (2018)
  18. …and here's an example app built using it: https://github.com/Rajeev-K/eureka For templates I used https://github.com/wisercoder/uibuilder which is a 200-line lib. This is about as "close to the metal" as you can get, and still be…
    comment by rajeev-k · 2021-01-16 · in Alternative lightweight UI library to modern day frameworks
  19. …router: https://github.com/Rajeev-K/mvc-router/ A 200-line templating library that uses JSX syntax: https://github.com/wisercoder/uibuilder/
    comment by rajeev-k · 2020-10-29 · in If Not SPAs, What?
  20. …You can do that. Here's an example Web Component that contains the css, html and javascript: https://github.com/wisercoder/uibuilder/blob/master/WebCompo...
    comment by flowerlad · 2020-10-01 · in The Failed Promise of Web Components
  21. …it's going to bring in a framework anyway Here's a lib for data binding Web Components using JSX: https://github.com/wisercoder/uibuilder This is a 200-line lib, hardly a "framework".
    comment by flowerlad · 2020-10-01 · in The Failed Promise of Web Components
  22. You can use JSX to implement as well as consume Web Components. See here: https://github.com/wisercoder/uibuilder This gives you compile-time checks, and attributes can be objects.
    comment by flowerlad · 2020-08-07 · in Microsoft Fast Design
  23. Here's an example of a Web Component: https://github.com/wisercoder/uibuilder/blob/master/WebCompo... Looks pretty straightforward, and there isn't much of an API to begin with. It's just plain HTML, CSS, JavaScript and DOM APIs.
    comment by flowerlad · 2020-05-11 · in What if we'd had better HTML-in-JS syntax all along?
  24. …Here's a 200-line library that lets you use JSX as a templating language just like Handlebars: https://github.com/wisercoder/uibuilder
    comment by flowerlad · 2020-05-11 · in What if we'd had better HTML-in-JS syntax all along?
  25. How about these libs: https://github.com/wisercoder/uibuilder https://lit-html.polymer-project.org/
    comment by flowerlad · 2020-05-08 · in The Cost of JavaScript Frameworks
  26. …an even smaller lib, and you'll get compile-time checks for HTML tags to boot. Check out this lib: https://github.com/wisercoder/uibuilder
    comment by flowerlad · 2020-05-07 · in Show HN: Dumbass – UI Made Simple
  27. …libs: MVC router (500 lines): https://github.com/Rajeev-K/mvc-router/ JSX templating (200 lines): https://github.com/wisercoder/uibuilder
    comment by rajeev-k · 2020-04-18 · in Crank.js – Write JSX-driven components with functions, promises and generators
  28. …but now is over-complicated. Here's another tiny lib to use JSX in a native JavaScript application. https://github.com/wisercoder/uibuilder Uibuilder is "close to the metal", so there is no heavy library--especially one that completely…
    comment by petilon · 2020-04-18 · in Crank.js – Write JSX-driven components with functions, promises and generators
  29. Consider adding something like this for jsx (200 lines): https://github.com/wisercoder/uibuilder Router (500 lines): https://github.com/Rajeev-K/mvc-router
    comment by petilon · 2020-04-04 · in Show HN: 33 line React
  30. …Web Component. Markup (JSX syntax with embedded JS expressions), CSS and JS are in one file: https://github.com/wisercoder/uibuilder/blob/master/WebCompo... All you need is this tiny 250-line lib: https://github.com/wisercoder/uibuilder
    comment by petilon · 2020-03-23 · in Implementing single-file web components
  31. lit-html needs a 1600 line library where as UIBuilder is a 200-line library: https://github.com/wisercoder/uibuilder/blob/master/UIBuilde... Yes, JSX needs transpilation but that happens at compile-time. Which is better, pre-processing at…
    comment by interlocutor · 2019-11-21 · in The Firefox UI Is Now Built with Web Components
  32. Why on earth do you need something that heavy? How about this 200-line lib instead: https://github.com/wisercoder/uibuilder It lets you TSX format (same to React) to implement as well as to use web components.
    comment by interlocutor · 2019-11-20 · in The Firefox UI Is Now Built with Web Components
  33. …don't need that full 560kb library In fact, most web applications only need this 200-line library: https://github.com/wisercoder/uibuilder React started out as a simple library, but it is getting more and more complicated (see concurrent…
    comment by interlocutor · 2019-11-14 · in Build Your Own React
  34. …no performance issues. Ditch polymer and other such bloated libs. Try this 200-line lib instead: https://github.com/wisercoder/uibuilder
    comment by interlocutor · 2019-11-06 · in Bivariate Maps with React and D3
  35. Here's the perfect React replacement for you: https://github.com/wisercoder/uibuilder It is a 200-line library, and you get React's templating technology, which is the best part of React. You can use jQuery for updating the screen.
    comment by petilon · 2019-10-03 · in Ask HN: What are weird and/or novel ways to do web UIs?
  36. …This 200-line lib let you create and use Web Components using JSX syntax, just like React.js: https://github.com/wisercoder/uibuilder
    comment by petilon · 2019-06-20 · in Why I don't use web components
  37. You can use JSX syntax for building web components using this tiny library: https://github.com/wisercoder/uibuilder
    comment by petilon · 2019-04-12 · in Web Components could replace frontend frameworks?
  38. …There is a way to do that. Look up W3 Web Components specification. There's sample code here: https://github.com/wisercoder/uibuilder
    comment by petilon · 2019-02-17 · in You probably don't need a single-page app
  39. …technologies that don't have the same "Care and feed" requirements of React, such as UIBuilder: https://github.com/wisercoder/uibuilder
    comment by petilon · 2019-02-17 · in You probably don't need a single-page app
  40. …the whole page. Instead of Angular and React, if you use simple libraries such as UIBuilder ( https://github.com/wisercoder/uibuilder ) and MVC router ( https://github.com/Rajeev-K/mvc-router/ ) you can build simpler applications that work…
    comment by petilon · 2019-02-17 · in You probably don't need a single-page app
  41. …Web Components and TypeScript, think this 200-line library gives stiff competition to LitElement: https://github.com/wisercoder/uibuilder UIBuilder brings JSX to Web Components.
    comment by interlocutor · 2019-01-05 · in Ask HN: Go-to web stack today?
  42. …technologies that don't have the same "Care and feed" requirements of React, such as UIBuilder: https://github.com/wisercoder/uibuilder BTW, this lib is a mere 200 lines. Add this 500-line router: https://github.com/edman3d/mvc-router Now…
    comment by petilon · 2018-12-18 · in Stop Learning Frameworks
  43. …explain why they couldn't just check for render() method. It works in this React-like library: https://github.com/wisercoder/uibuilder/blob/master/UIBuilde...
    comment by petilon · 2018-12-03 · in How Does React Tell a Class from a Function?
  44. If a template engine is all you need here's the simplest: https://github.com/wisercoder/uibuilder used by apps such as https://circles.app
    comment by petilon · 2018-11-17 · in Vue 3.0 Updates [slides]
  45. …for everything). You can JSX (as first introduced by React) to pass objects to Web Components. See: https://github.com/wisercoder/uibuilder
    comment by petilon · 2018-11-16 · in The Power of Web Components
  46. …and you can see for yourself that it is performant: https://circles.app UIBuilder is here: https://github.com/wisercoder/uibuilder
    comment by circlesguy · 2018-10-25 · in Introducing Hooks
  47. This might be of interest to HN community: we didn’t use React, Angular or Vue. We used https://github.com/wisercoder/uibuilder and an MVC library. Both are simple, tiny libs each no more than 500 lines of code. We don’t get the point of…
    comment by circlesguy · 2018-10-08 · in Show HN: Circles.app — coordinate your family; organize your life
  48. …to React that support JSX syntax. This library is better when you want to be "closer to the metal": https://github.com/wisercoder/uibuilder
    comment by krishanath · 2018-08-19 · in Show HN: Umbrella JS, a 2.5kb jQuery alternative
  49. …the one I found in React without using jQuery. I guarantee it will be much more complicated. https://github.com/wisercoder/uibuilder/blob/master/SimpleDe...
    comment by interlocutor · 2018-07-26 · in Removing jQuery from GitHub.com frontend
  50. …leave react and still keep JSX. This tiny library lets you use JSX as a templating mechanism: https://github.com/wisercoder/uibuilder
    comment by interlocutor · 2018-07-05 · in Vue.js: the good, the meh, and the ugly