Virtual DOM is pure overhead

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

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.
surveyjs.io
featured
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.
www.influxdata.com
featured
  • uibuilder

    Typed HTML templates using TypeScript's TSX files

  • 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

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • You might want to take a look at the HAT stack:

    https://htmx.org - server interactions in HTML

    https://alpinejs.dev - small front end tweaks in your HTML

    https://tailwindcss.com - styling in your HTML

    This is pretty a simple stack that keeps everything in one file (for something I am calling Locality of Behavior[1]) and all of them are dependency free.

    full disclosure: I am the author of htmx

    [1] - https://htmx.org/essays/locality-of-behaviour/

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

    SurveyJS logo
  • htmx

    </> htmx - high power tools for HTML

  • You might want to take a look at the HAT stack:

    https://htmx.org - server interactions in HTML

    https://alpinejs.dev - small front end tweaks in your HTML

    https://tailwindcss.com - styling in your HTML

    This is pretty a simple stack that keeps everything in one file (for something I am calling Locality of Behavior[1]) and all of them are dependency free.

    full disclosure: I am the author of htmx

    [1] - https://htmx.org/essays/locality-of-behaviour/

  • Alpine.js

    A rugged, minimal framework for composing JavaScript behavior in your markup.

  • You might want to take a look at the HAT stack:

    https://htmx.org - server interactions in HTML

    https://alpinejs.dev - small front end tweaks in your HTML

    https://tailwindcss.com - styling in your HTML

    This is pretty a simple stack that keeps everything in one file (for something I am calling Locality of Behavior[1]) and all of them are dependency free.

    full disclosure: I am the author of htmx

    [1] - https://htmx.org/essays/locality-of-behaviour/

  • react-svelte

    Use Svelte components inside a React app

  • React’s changes over time have always been broadly compatible, and the same under the hood, just presented and manipulated a different way at the surface. Migrating to anything like Svelte would be a radical and extremely incompatible change on multiple fronts. It’s never, ever going to happen; the closest you’ll get will be another layer on top of React that embeds something like Svelte—such as https://github.com/Rich-Harris/react-svelte.

    Svelte’s approach requires detailed knowledge of the structure of state, and requires compilation: components’ blocks are not written in JavaScript, but rather a language with the same general syntax but different semantics, and some places where JavaScript is too flexible to be tractable get replaced with special template syntax (like {#each} instead of for-loops or Array.prototype.map). Svelte cannot be implemented as a JavaScript library (I disqualify eval()). Svelte is also deliberately severely limited in what it can express in various places, whereas React gives you the full power of JavaScript (for better and for worse).<p>You could perhaps implement an optimising compiler for a small subset of React components that avoid problematic patterns and are written in TypeScript with proper specifications of the types of state and props; but if you considered it unacceptable for this compiler to change the component’s semantics, I think you’d be surprised at how little serious React code in the wild could actually be supported. Even simple loops <i>might</i> be out of reach. The Svelte approach can’t be a progressive enhancement, it’s an all-or-nothing (at the component level).

  • budibase

    Budibase is an open-source low code platform that helps you build internal tools in minutes 🚀

  • We've been building Budibase without SK and it's great: https://github.com/Budibase/budibase

  • svelte-query

    Performant and powerful remote data synchronization for Svelte

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

    InfluxDB logo
  • react-query

    Discontinued 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]

  • Really helpful article. Thinking about diving into Svelte. I'm a huge fan of react-query[0] so I was wondering, is there a good alternative for it in Svelte? Would you recommend svelte-query[1]. Thanks.

    [0]: https://react-query.tanstack.com/

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • 🤓 My top 3 Go packages that I wish I'd known about earlier

    6 projects | dev.to | 1 Mar 2024
  • How I Built A Web Development Challenges Website With $0

    7 projects | dev.to | 24 Aug 2022
  • Is everyone designing super cool JavaScript frontends?

    3 projects | /r/django | 1 Jul 2022
  • Seeking more libs like Alpine and HTMX

    3 projects | /r/webdev | 9 Jun 2021
  • Hanami and HTMX - progress bar

    5 projects | dev.to | 7 May 2024