uibuilder

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...

You don't need a large framework to build a maintainable, efficient web app. Here's an example: https://github.com/wisercoder/eureka/tree/master/webapp 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

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...

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...

See also https://github.com/wisercoder/uibuilder For a complete application see https://github.com/wisercoder/eureka/tree/master/webapp/Clie...

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...

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...

What if you could have the best of both worlds? What if you could use JSX templates and use standards-based web components? 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: https://github.com/wisercoder/uibuilder/blob/master/WebCompo...

It is 223 lines of code: https://github.com/wisercoder/uibuilder/blob/master/dist/uib... You object to this tiny amount of code?

> since you can't pass complex objects as attributes like you can in jsx 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/blob/master/WebCompo... And here's the tiny (500-line) lib that enables it: https://github.com/wisercoder/uibuilder/#jsx-for-web-compone...

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: https://github.com/wisercoder/uibuilder/tree/master

There is no jQuery or React being used. You can use TSX without using React. See https://github.com/wisercoder/uibuilder

You are absolutely right; web development is unnecessarily complex when you use frameworks such as React. But there are alternatives! Here's an example application built without heavy frameworks. It is very maintainable and easy to understand: https://github.com/wisercoder/eureka 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

Here's an example of an application written without using heavy frameworks: https://github.com/wisercoder/eureka 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 opinion. If your UI is mostly read-only then React works well. If it has simple interactivity then React still works well. But if you have components that manage their own interactivity then React breaks down. That's because such interactive components have state. When a component has state, and you want to update props then FB recommends replacing the component by changing the key. At that point you lose all benefits of React, including preservation of selection, scroll position, focus, etc.

Once you realize React doesn't work for complex components it loses its attraction. Web Components are conceptually way simpler and work well. See example: https://github.com/wisercoder/uibuilder/blob/master/WebCompo...