vidom

Library to build UI based on virtual DOM

vidom

Build Status NPM Version Dependencies NPM Downloads

Vidom is just a library to build UI. It’s highly inspired from React and based on the same ideas. Its main goal is to provide as fast as possible lightweight implementation with API similar to React. According to the corresponding benchmarks Vidom is 6x faster in Chrome, 5x faster in Firefox, 2x faster in IE and up to 12x faster in server-side rendering than React.

Main features

  • Fast virtual DOM builder and patcher under the hood
  • Fast server-side rendering with ability to reuse existing DOM in the browsers also known as isomorphism.
  • Easy and clear way to subscribe to DOM Events
  • API to build your own high-level components
  • Namespaces support (e.g., SVG, MathML)
  • Ability to render multiple components without unwanted DOM wrappers
  • No extra markup in the result HTML
  • JSX support via babel plugin
  • Small footprint, 9KB after gzip
  • Zero dependencies

Benchmarks

  • repaint rate challenge
  • vdom-benchmark
  • uibench
  • server-side rendering (nodejs 6.10.0) mean time ops/sec vidom v0.8.1 1.026ms 975 inferno v1.4.0 2.115ms 473 preact v7.2.0 2.255ms 444 react.with-hack v15.4.2 6.782ms 147 vue v2.1.10 11.421ms 88 react v15.4.2 13.808ms 72

Playground

Try live playground to play with Vidom in your browser.

Documentation

Tools

  • Vidom inspector developer tool which helps debug vidom-based applications

Addons

Examples

Thanks

  • cdnjs for library is avalaible on CDN.

Related Repositories

vidom

vidom

Library to build UI based on virtual DOM ...

babel-plugin-vidom-jsx

babel-plugin-vidom-jsx

Plugin for babel to enable JSX for Vidom ...