Top 6 TypeScript virtual-dom Projects

million

48 15,128 9.7 TypeScript

Optimize React performance and make your React 70% faster in minutes, not months.
Project mention: Show HN: Million Lint – ESLint for Performance | news.ycombinator.com | 2024-02-29

Hey HN! Founder of Million – We’re building a tool to that helps fix slow React code. Here is a quick demo: https://youtu.be/k-5jWgpRqlQ
Fixing web performance issues is hard. Every developer knows this experience: we insert console.log everywhere, catch some promising leads, but nothing happens before "time runs out." Eventually, the slow/buggy code never gets fixed, problems pile up on a backlog, and our end users are hurt.
We started Million to fix this. A VSCode extension that identifies slow code and suggests fixes (like ESLint, for performance!) The website is here: https://million.dev/blog/lint
I realized this was a problem when I tried to write an optimizing compiler for React in high school (src: https://github.com/aidenybai/million). It garnered a lot of interest (14K+ stars) and usage, but it didn't solve all user problems.
Traditionally, devtools either hinge on full static analysis OR runtime profiling. We found success in a mixture of the two with dynamic analysis. During compilation, we inject instrumentation where it's necessary. Here is an example:
```
  function App({ start }) {
```
apprun

3 1,174 6.0 TypeScript

AppRun is a JavaScript library for developing high-performance and reliable web applications using the elm inspired architecture, events and components.

Project mention: Let's learn how modern JavaScript frameworks work by building one | news.ycombinator.com | 2023-12-03
SurveyJS

surveyjs.io
sponsored

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

3 425 4.8 TypeScript

Build your own mini Million.js
diff-dom-streaming

1 78 7.8 TypeScript

HTML Streaming Over the Wire! 🥳 Diff DOM algorithm with streaming to make only the necessary modifications, insertions and deletions between a DOM node and an HTML stream reader.

Project mention: HTML Streaming Over the Wire 🥳: A Deep Dive | dev.to | 2024-04-08

In our previous article in the series, we introduced the Diff DOM Algorithm briefly without delving into its technical intricacies. In this installment, we present the diff-dom-streaming library, an open-source solution designed to facilitate HTML Streaming Over the Wire using the Diff DOM Algorithm. This library is intended not only for use within other frameworks and libraries but also as a standalone solution.
hacky

1 44 2.6 TypeScript

⚙️ Crank.js with tagged templates
dark

1 37 9.8 TypeScript

The lightweight and powerful UI rendering engine without dependencies and written in TypeScript💫 (Browser, Node.js, Android, iOS, Windows, Linux, macOS) (by atellmer)

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2024-04-08.