Hacker Read

krishanath · 2018-05-28 12:14:27

Not a major framework, but UIBuilder lets you use Web Components using JSX, just like React:

flowerlad | karma 3294 | avg karma 5.68 · | 2021-06-29 13:54:55+00:00

If you don't need Virtual DOM then Web Components are a great idea for building reusable components that work with all frameworks, including React. You can even use JSX to build Web Components: https://github.com/wisercoder/uibuilder

fiatjaf | karma 3878 | avg karma 0.9 · | 2017-08-20 13:14:34+00:00

React can do it, and any other virtual-dom framework. Your problem is that you're looking for a framework, but these are just libraries.

yesimahuman | karma 6064 | avg karma 3.41 · | 2018-02-01 15:37:01+00:00

If you want even more react-like web components, we built Stencil to use JSX and output plain web components as we move to WC's for Ionic Framework: http://stenciljs.com

wayfinder | karma 342 | avg karma 2.38 · | 2023-11-13 17:42:23

React is not a framework.

It is a fancy HTML templating library first and foremost and you should use it when you need HTML templates, which means you that can use as little or as much of it as you want.

I’ve built mostly static pages with React loaded and embedded into parts of the page. The webpages would function without JavaScript enabled.

reply

garrincha | karma 176 | avg karma 25.14 · | 2016-10-10 23:29:19+00:00

Thanks! So is react the only JS framework you use now (besides jQuery)?

haskman | karma 121 | avg karma 1.81 · | 2019-01-21 14:53:18+00:00

I referenced my framework further down the thread as well, but repeating it here since you specifically ask for ease-of-use and React. Please try out Concur-JS which is my async-gen based UI framework that is React based, and designed to be extremely easy to get started with. https://github.com/ajnsit/concur-js

petilon | karma 4311 | avg karma 5.08 · | 2019-10-03 14:09:04+00:00

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.

reply

rajeev-k | karma 11 | avg karma 0.79 · | 2020-04-02 14:22:36+00:00

Yes, and the MVC framework is all of 500 lines of code and can be used with React too: https://github.com/Rajeev-K/mvc-router

merb | karma 3754 | avg karma 1.43 · | 2020-10-28 22:44:01

well there is also React.NET which actually can use razor pages to include react components. pretty neat. also there is blazor which works with websockets and pushes html to clients.

TeeWEE | karma 1342 | avg karma 1.99 · | 2015-10-26 16:59:12

I really like webcomponents, but they still statefully update the UIX, just like most native ui frameworks.

React solves this by giving a declarative functional approach to webdevelopment.

Would it be possible to combine both react with webcomponents? If so, are there any demo"s out there? I couldnt find anything.

reply

spankalee | karma 8445 | avg karma 4.3 · | 2020-09-28 03:59:07+00:00

There are plenty of libraries that let you do declarative react templating for web components. I work on LitElement & lit-html, and there are other project list StencilJS. They both let you use fast and convenient libraries to build the component while retaining the native interop of web components.

simion314 | karma 7313 | avg karma 1.67 · | 2022-09-04 11:56:52

I am not familiar with this library, but if it does what it should then ofcouse is bigger, with react you just get a way to render divs and spans on screen, a GUI framework would give you say a DataGrid component with sort able columns and some advanced optimizations like windowing (aka a grid with 1 million rows will use same resources as a small DataGrid because it will only create enough DOM elements for the visible part and then recycle stuff).

JS devs that did not used Desktop or Mobile GUI tolkits have no idea what is missing in the browser.

reply

revskill | karma 2173 | avg karma 0.97 · | 2019-01-22 23:28:51+00:00

Actually, it's not that hard to build a UI Builder for React. Just output normal HTML, then transpile to JSX. For method handlers, transform into Redux actions. And you've done.

Uroboric | karma 48 | avg karma 2.29 · | 2015-04-03 16:21:48+00:00

It's fairly simple to piece together a framework with React. I'm using React, Flux, React-Router and Superagent.

fatboy | karma 144 | avg karma 1.57 · | 2022-12-14 15:19:26

Can you speak of your experience with liveviewjs? I've been looking at it, and htmx, and everything else, over the past few months for a heavily-interactive frontend project I need to start.

I'm an experienced ios dev, but in at the deepens with all this js frontend stuff. There are so many options! The one thing I'm sure of is I don't want to use react.

reply

hunterb123 | karma 372 | avg karma 0.28 · | 2021-09-02 12:31:29

Well you can, but the point of React is to abstract the view from the platform, not much more.

You can use something like Solid or JSX lite to maintain standard components that are compatible with most of those frameworks and web components.

reply

mr_mig | karma 230 | avg karma 19.17 · | 2015-10-16 00:18:48

You can use Backbone and Knockout with React. React is not a framework per se. It just makes things less complex.

I'd encourage you to read this article if you haven't done it yet: jlongster.com/Removing-User-Interface-Complexity,-or-Why-React-is-Awesome

reply

sbr464 | karma 1576 | avg karma 1.84 · | 2018-11-15 10:17:40

Which framework (or non) are you using, if not react? Just curious, or what would be a better (web related) base?

abritinthebay | karma 1846 | avg karma 1.04 · | 2015-09-03 06:21:29

You're not looking to do web development - you're looking for a pre-assembled UI library.

React isn't that. That's fine - it's not supposed to be.

Hell Angular isn't that... but as it's a framework (React really isn't it's a View library) it has more of that. Angular + Bootstrap probably does most of what you would want...

... but it's an extremely narrow need. Not a general case.

reply