uibuilder

> SPA pattern has failed to simplify web development The SPA pattern is fine, it is React Router and Redux that has overcomplicated things. Here's an example of an app written using the MVC pattern that is way simpler than the React stack: https://github.com/Rajeev-K/eureka It uses two very simple libs: A 500-line router: https://github.com/Rajeev-K/mvc-router/ A 200-line templating library that uses JSX syntax: https://github.com/wisercoder/uibuilder/

> In that file would be css, html and the js to make the component. 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...

> Here's what killed web components Wait, what? Web browsers have only recently implemented standards underlying Web Components, such as Shadow DOM. Microsoft has only recently announced the end-of-life of IE11, which doesn't support Web Components. Web Components have only just gotten started! > lack of native databinding on the web ... 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".

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.

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.

I think the JSX is just fine as an HTML-in-JS syntax. You can use JSX independently of React. Here's a 200-line library that lets you use JSX as a templating language just like Handlebars: https://github.com/wisercoder/uibuilder

How about these libs: https://github.com/wisercoder/uibuilder https://lit-html.polymer-project.org/

If you are willing to use JSX you can be even more dumbass, with 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

I would like to demo a simpler alternative to Vue and React: manipulate DOM directly. I do it in this application: https://github.com/Rajeev-K/eureka I find myself more productive coding directly against DOM APIs, using these tiny libs: MVC router (500 lines): https://github.com/Rajeev-K/mvc-router/ JSX templating (200 lines): https://github.com/wisercoder/uibuilder

Agree. React started out simple, 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 changes the programming model of the web--sitting between your code and the browser

Consider adding something like this for jsx (200 lines): https://github.com/wisercoder/uibuilder Router (500 lines): https://github.com/Rajeev-K/mvc-router

Here's an example of single-file 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