With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 21 JavaScript virtual-dom Projects
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
htm
Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
-
diffhtml
diffHTML is a web framework that helps you build applications and other interactive content
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
remark-react
Legacy plugin to transform to React — please use `remark-rehype` and `rehype-react` instead
-
torus
Torus is an event-driven model-view UI framework for the web, focused on being tiny, efficient, and free of dependencies. (by thesephist)
-
CalDOM
An agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM.
-
safir
Lightweight JavaScript framework based on Template Literals vs CustomEvents features. Virtual DOM basic structure.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
In this post, we get to know more about Preact, one of this year's trending libraries. And we'll compare it to React to see which one suits better for our projects.
I don’t enjoy React much, but (as I’ve commented before) I do love Mithril (https://mithril.js.org). Immediate-mode UI via a vDOM, like React, but small, simple, and with none of the reactivity complications. I’d never go back to building apps with pure JS.
Project mention: Ask HN: How do you use React as a library in 2024? | news.ycombinator.com | 2024-05-10I know what "MVC" _stands_ for, but I'm asking what _context_ you mean that in. Are you talking about how to define your server-side data models and endpoints? How you're organizing client-side fetching and caching?
Normally "MVC" as a concept doesn't get used in the React ecosystem (the way it did with Backbone.js).
FWIW it's certainly _possible_ to use React as a script tag, but it's extremely rare. It's normally expected that the frontend _is_ actually bundled and compiled, whether it be using a pure-SPA build tool like Vite, or one of the full server-side frameworks like Next or Remix.
Note that the SPA build output is just a set of static HTML/JS/CSS files, which do not require a separate Node server process for hosting - they can be served by any HTTP server.
My own advice would be to use Vite and build as an SPA.
_If_ you absolutely want to use React as _just_ a `` tag with no build step, I'd recommend also using <a href="https://github.com/developit/htm">https://github.com/developit/htm</a> to at least give you JSX-like syntax for writing your components.
diffhtml
Project mention: Mikado v0.8 has just published the fastest middleware render engine for Express | news.ycombinator.com | 2023-12-23
github.com/remarkjs/remark-react/tree/4722bdf - Plugin para transformar Markdown em React.
Project mention: Web Components Will Outlive Your JavaScript Framework | news.ycombinator.com | 2023-10-25Webcomponents will outlive React 13, mostly likely. Will they outlive React entirely or its cousins like Solid and Svelte? Perhaps not.
Webcomponents and React look like they solve the same problem but they do not.
Webcomponent api is pretty shallow. You get connected/disconnnected/attributeChanged call back but gotta write your own property setter and getters, and that’s mostly it. Shadow dom becomes a pain to work with if something needs to pierce it. Can’t pass nested objects in attributes, gotta encode as string.
Mixpanel went all in on webcomponents, but had to build a whole bunch of lib tooling around it. They made their own framework on top of webcomponents. https://github.com/mixpanel/panel
Worked on panel lib and webcomponent UI for many years. It is not a silver bullet.
The issue with webcomponents is there are a ton of libraries that fill in the missing gaps. There’s not a lot you can do with pure vanilla webcomponent api since browsers don’t provide efficient dom updating mechanism. Google has their own thing, Microsoft had multiple internal libs across orgs, Reddit does their own thing.
The most standard thing for frontend with wide adoption right now is React.
So the way I see it, is that React has already outlived webcomponents.
JavaScript virtual-dom related posts
-
Ask HN: How do you use React as a library in 2024?
-
Ask HN: I can no longer like React, do you?
-
Mithril.js: A Modern Framework for JavaScript
-
HTML Streaming and DOM Diffing Algorithm
-
Preact: Lightweight React Alternative
-
VanJS: A 0.9KB JavaScript UI framework
-
Have You Built with Preact?
-
A note from our sponsor - SurveyJS
surveyjs.io | 19 May 2024
Index
What are some of the best open-source virtual-dom projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Preact | 36,118 |
2 | Mithril.js | 13,924 |
3 | htm | 8,564 |
4 | neo | 2,747 |
5 | hyperx | 1,008 |
6 | diffhtml | 866 |
7 | vhtml | 760 |
8 | mikado | 747 |
9 | lowlight | 681 |
10 | refractor | 668 |
11 | remark-react | 524 |
12 | torus | 313 |
13 | panel | 272 |
14 | preact-worker-demo | 225 |
15 | virtual-dom | 206 |
16 | CalDOM | 188 |
17 | svg-radar-chart | 83 |
18 | Sekoia | 31 |
19 | kReact | 6 |
20 | safir | 3 |
21 | fiddlehead | 2 |
Sponsored