JavaScript virtual-dom

Open-source JavaScript projects categorized as virtual-dom | Edit details

Top 16 JavaScript virtual-dom Projects

  • GitHub repo Preact

    ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

    Project mention: Why you have to use className in React, but not in Preact? | dev.to | 2022-01-13

    You see, there is a JS framework, called Preact. It's an alternative to React with the same API. And there is a very interesting statement on its official page.

  • GitHub repo hyperapp

    The tiny framework for building hypertext applications.

    Project mention: Popular 'coa' NPM library hijacked to steal user passwords | reddit.com/r/javascript | 2021-11-05

    Personally, I try my best to avoid bringing in dependencies as much as possible, and try to limit my exposure to only dependencies with low/shallow transitive dependency counts. Unfortunately, this is pretty hard, especially in corporate settings. What we need more of are the opposite of what we've been collectively praising: we need more monolithic packages. Case in point: lodash.template is currently vulnerable with no mitigation, even though lodash itself is not. That's just sloppy publishing practices. Esbuild is a great start over the webpack/babel maze of dependencies. There's a stdlib effort along those lines that hopefully would also help. There's a bunch of micro-frameworks that are used in production just fine and have little to no dependencies.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo Mithril.js

    A JavaScript Framework for Building Brilliant Applications

    Project mention: Ask HN: What JavaScript framework/library would you use for front end only | news.ycombinator.com | 2021-12-10

    You can give Mithril.js [0] a go. It's lightweight and has a couple additional goodies such as routing and xhr inbuilt. It has very good documentation as well.

    You can also enable JSX [1] if you prefer that to hyperscript.

    [0] https://mithril.js.org/

    [1] https://mithril.js.org/jsx.html

  • GitHub repo htm

    Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.

    Project mention: What's the difference between HTML files and HTM files? Why does HTM exist? | reddit.com/r/webdev | 2022-01-08
  • GitHub repo neo

    The application worker driven frontend framework (by neomjs)

    Project mention: New year's release: neo.mjs v3.0.1 => application worker based multithreading frontends | reddit.com/r/javascript | 2022-01-01
  • GitHub repo hyperx

    🏷 - tagged template string virtual dom builder

  • GitHub repo preact-compat

    :raised_hands: React compatibility layer for Preact.

    Project mention: Don't Optimize Your React App, Use Preact Instead | dev.to | 2021-11-01

    For react app I used Create React App and for Preact used preact-cli. Preact also gives an option to convert your existing react app to preact using preact-compat, but I have built an app from scratch to see the best result.

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • GitHub repo diffhtml

    diffHTML is a web framework that helps you build applications and other interactive content

    Project mention: Solidjs – JavaScript UI Library | news.ycombinator.com | 2021-11-29

    I suggested one such idea (a diffing version of innerHTML) years ago to Mozilla. Ironically, the React team was against it and it fizzled out. In more ironic twists of events, someone eventually wrote a JS implementation of it: https://github.com/tbranyen/diffhtml/tree/master/packages/di... and nowadays people are talking about HTML-based rendering engines again, making this idea somewhat relevant once more.

    To be fair to standards bodies, they have done some work. Element.append now exists to make hyperscripts a bit more straightforward, and a lot of reactivity semantics can be implemented on top of Proxy.

  • GitHub repo vhtml

    Render JSX/Hyperscript to HTML strings, without VDOM 🌈

  • GitHub repo remark-react

    Legacy plugin to transform to React — please use `remark-rehype` and `rehype-react` instead

  • GitHub repo mikado

    Mikado is the webs fastest template library for building user interfaces.

    Project mention: Solid vs React - the Fastest VS the Most Popular UI Library | dev.to | 2021-06-30

    Now, it’s worth noting that aside from Solid, there are 2 faster “UI frameworks” included in the benchmark but not on the table above. These are Mikado (actually a template engine) and doohtml (marked with a note about using manual DOM manipulation), so the point still stands - Solid is the fastest JS UI library!

  • GitHub repo refractor

    Lightweight, robust, elegant virtual syntax highlighting using Prism

    Project mention: Is this code snippet styled with CSS? If so, any ideas on how it was styled this way? | reddit.com/r/css | 2021-11-20
  • GitHub repo lowlight

    Virtual syntax highlighting for virtual DOMs and non-HTML things

    Project mention: Is this code snippet styled with CSS? If so, any ideas on how it was styled this way? | reddit.com/r/css | 2021-11-20
  • GitHub repo torus

    Torus is an event-driven model-view UI framework for the web, focused on being tiny, efficient, and free of dependencies. (by thesephist)

    Project mention: Ask HN: What are some tools / libraries you built yourself? | news.ycombinator.com | 2021-05-16

    At this point I've made a habit out of building homebrew tools and languages. Very few of these are purely because I was dissatisfied with off-the-shelf solutions; many of these just exist because I thought it would be fun/educational/challenging to build an X for myself from scratch.

    I've made

    - A dynamic programming language, Ink (https://dotink.co), which runs in "production" (for whatever that means for side projects) for around a dozen projects written in it.

    - A compiler to compile that to JavaScript (https://github.com/thesephist/september)

    - A bunch of language tooling around that language, like syntax highlighters, editor plugins, code formatters (for example, the code formatter https://github.com/thesephist/inkfmt)

    - A small UI library (https://github.com/thesephist/torus)

    - A suite of productivity tools (https://thesephist.com/posts/tools/) like notes, todos, shared whiteboard, contacts/CRM

    - Twitter client (https://github.com/thesephist/lucerne/)

    - Theres a few dozen more at (https://thesephist.com/projects/) :)

    Many of these end up building on top of each other, so across the few dozen projects built on top of these tools they form a nice dependency graph -> https://twitter.com/thesephist/status/1367675987354251265

  • GitHub repo CalDOM

    An agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM.

    Project mention: An agnostic, reactive and minimalist (3kb) JavaScript UI library | news.ycombinator.com | 2021-07-17

    Introducing CalDOM, an agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM.

    Instead of pulling you into a library-specific magical world, CalDOM let you fully access the DOM directly while keeping the reactivity. A 2-in-1 virtual-DOM & no-virtual-DOM approach if you will.

    So you could take full advantage of native APIs & mix it with other libraries to gain superior performance & flexibility in the development process.

    CalDOM does not require any dependency or tooling. It does not introduce any new syntax. Just pure JS.

    This is the first time I’m publishing something like this. This was a simple jQuery alternative I made myself years ago & kept on improving it slowly. Worked really hard during the last few months to add reactivity and get it to this level.

    Please check it out & let me know what you think, the good, bad & your suggestions to improve it.

    Also, it's great if you could contribute to the project: https://github.com/dumijay/CalDom

  • GitHub repo kReact

    Let's learn React by building react within 100 lines of code

    Project mention: KReact: Building your own React & Virtual DOM | dev.to | 2021-10-24

    Link to the GitHub Repository: https://github.com/git-kamesh/kReact

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 2022-01-13.

JavaScript virtual-dom related posts

Index

What are some of the best open-source virtual-dom projects in JavaScript? This list will help you:

Project Stars
1 Preact 30,689
2 hyperapp 18,733
3 Mithril.js 13,092
4 htm 7,373
5 neo 2,062
6 hyperx 998
7 preact-compat 954
8 diffhtml 806
9 vhtml 606
10 remark-react 518
11 mikado 466
12 refractor 424
13 lowlight 391
14 torus 210
15 CalDOM 165
16 kReact 5
Find remote jobs at our new job board 99remotejobs.com. There are 28 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
OPS - Build and Run Open Source Unikernels
Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
github.com/nanovms