snabbdom
asm-dom
snabbdom | asm-dom | |
---|---|---|
5 | 7 | |
11,272 | 2,773 | |
0.3% | - | |
8.4 | 0.0 | |
about 2 months ago | about 1 year ago | |
TypeScript | C++ | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
snabbdom
-
The Power of Template Design Pattern in JavaScript
I like to use snabbdom to demonstrate concepts in several of my posts because it is short, simple, powerful and uses several techniques that are relative to the topics I wrote about in the past. Snabbdom is a front end JavaScript library that lets you work with a virtual DOM to create robust web applications. They focus on simplicity, modularity and performance.
-
11 JavaScript Examples to Source Code That Reveal Design Patterns In Use
A good repository to learn from this concept is snabbdom, a virtual DOM library that focuses on simplicity, modularity, and powerful features to improve performance when working with the DOM.
-
Exploring Blockdom: Fastest Virtual DOM (ever!)
Compared with other virtual DOMs (see snabbdom, virtual-dom), it's significantly faster. These older methods use node-by-node diffing, or the traversal and comparison of the node tree in order to calculate the optimal DOM modifications to reduce reflow and repaints.
-
Announcing commithelper, a tool to create and lint your commit messages
I was disappointed by commitlint and commitizen, so I wrote this tool. IMO having such a tool makes you think more about your commit messages and thus makes you write better ones. See these for example: https://github.com/snabbdom/snabbdom/pull/948/commits
asm-dom
-
Blazor United - When it ships it would be the most glorious way to do web with .NET
Aside from Blazor there's already some other projects like Yew (rust), seed (rust), asm-dom (C++) and vugu (Go) and more that have decent followings and activity. A lot more (especially managed languages) are waiting for some features to come online like wasm GC and host bindings (direct wasm access to browser apis which includes the DOM). It'll take a bit of time, but it'll get there eventually.
-
WebAssembly and C++
FWIW if you look around, C++ and Rust libraries for DOM manipulation exist (I haven't searched for other languages which compile to WASM):
https://github.com/mbasso/asm-dom
https://github.com/sycamore-rs/sycamore
I think solving the problem of DOM access on the library level is exactly the right way to tackle this problem. The library user don't need to care about specific WASM features, and the library implementation can be simplified when those WASM features become available (and also implement per-browser fallback paths)
- I really don't get it.
- Fengari – Lua for the Browser
-
At least it's not java
Wasm is already around for a while. There are probably some libs to access the dom and frameworks around that wrap the js part completely Found this after a short search https://github.com/mbasso/asm-dom Also Blazor seems to work fine, but didn't really test it beside playing around a little bit with it
-
alia - A Declarative UI Library for C++
Thanks for the kind words! :-) Yeah, you've got a good description of the use case for it. You give me too much credit though. :-) It's built on top of Emscripten, which handles a lot of the low-level bindings between C++ and the browser. Also, asm-dom helps fill in a big gap between C++ and the DOM.
What are some alternatives?
million - Optimize React performance and make your React 70% faster in minutes, not months.
nodegui - A library for building cross-platform native desktop applications with Node.js and CSS 🚀. React NodeGui : https://react.nodegui.org and Vue NodeGui: https://vue.nodegui.org
blockdom - A fast virtual dom library
skia-opengl-emscripten - DEPRECATED! ~~C++ HTML/CSS UI. Supports subset of HTML/CSS. Based on chromium/cobalt.foo without JavaScript overhead. Uses SKIA 2D graphics library. Can be used to build UI for cross-platform app, game or website. Can support browser as HTML5 web framework or WebGL UI renderer.~~
virtual-dom - A Virtual DOM and diffing algorithm
fengari - 🌙 φεγγάρι - The Lua VM written in JS ES6 for Node and the browser
cheerio - The fast, flexible, and elegant library for parsing and manipulating HTML and XML.
wasmr - Execute WebAssembly from R using wasmer
jQuery - jQuery JavaScript Library
lunasvg - lunasvg is a standalone SVG rendering library in C++
redux-devtools - DevTools for Redux with hot reloading, action replay, and customizable UI
pretty-diff - Pretty printing a diff of two values