dfilatov / Vidom
Licence: mit
Library to build UI based on virtual DOM
Stars: ✭ 408
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vidom
alef-component
Alef Component for Modern Web Apps.
Stars: ✭ 46 (-88.73%)
Mutual labels: reactive, jsx, server-side-rendering
core
Server side rendering with The Elm Architecture in Deno
Stars: ✭ 16 (-96.08%)
Mutual labels: virtual-dom, jsx, server-side-rendering
Stimulus reflex
Build reactive applications with the Rails tooling you already know and love.
Stars: ✭ 1,928 (+372.55%)
Mutual labels: reactive, server-side-rendering
awesome-solid-js
Curated resources on building sites with SolidJS, a brand new way(now 1.0) to build Javascript based interactive web applications. A very close looking cousin to React/JSX by syntax, and to Svelte by few important principles(compiler and fine-grained reactivity), it's a highly optimised way to deliver web applications with best-in-class performa…
Stars: ✭ 317 (-22.3%)
Mutual labels: reactive, jsx
Inferno Most Fp Demo
A demo for the ReactJS Tampa Bay meetup showing how to build a React+Redux-like architecture from scratch using Inferno, Most.js, reactive programmning, and various functional programming tools & techniques
Stars: ✭ 45 (-88.97%)
Mutual labels: reactive, jsx
Karet
Karet is a library that allows you to embed Kefir observables into React VDOM
Stars: ✭ 81 (-80.15%)
Mutual labels: reactive, jsx
lego
🚀 Web-components made lightweight & Future-Proof.
Stars: ✭ 69 (-83.09%)
Mutual labels: virtual-dom, reactive
Gccx
Transforms CPX (JSX like syntax) into asm-dom Virtual DOM
Stars: ✭ 234 (-42.65%)
Mutual labels: virtual-dom, jsx
stimulus reflex
Build reactive applications with the Rails tooling you already know and love.
Stars: ✭ 2,001 (+390.44%)
Mutual labels: reactive, server-side-rendering
whatsup
Reactive framework, simple, fast, easy to use!
Stars: ✭ 115 (-71.81%)
Mutual labels: reactive, jsx
Solid
A declarative, efficient, and flexible JavaScript library for building user interfaces.
Stars: ✭ 13,115 (+3114.46%)
Mutual labels: reactive, jsx
Live
Live views and components for golang
Stars: ✭ 251 (-38.48%)
Mutual labels: virtual-dom, server-side-rendering
Ng Vdom
(Developer Preview) A virtual-DOM extension for Angular, also work as React bridge.
Stars: ✭ 249 (-38.97%)
Mutual labels: virtual-dom, jsx
stimulus reflex todomvc
An implementation of TodoMVC using Ruby on Rails, StimulusJS, and StimulusReflex
Stars: ✭ 50 (-87.75%)
Mutual labels: reactive, server-side-rendering
Gantt
Gantt chart library using jsx support SVG, Canvas and SSR
Stars: ✭ 148 (-63.73%)
Mutual labels: virtual-dom, jsx
Omi
Front End Cross-Frameworks Framework - 前端跨框架跨平台框架
Stars: ✭ 12,153 (+2878.68%)
Mutual labels: virtual-dom, jsx
React Server Example Tsx
⚛️ Boilerplate for isomorphic web app with React server-side rendering in TypeScript
Stars: ✭ 256 (-37.25%)
Mutual labels: jsx, server-side-rendering
stimulus todomvc
[WIP] An implementation of TodoMVC using Ruby on Rails and StimulusJS
Stars: ✭ 14 (-96.57%)
Mutual labels: reactive, server-side-rendering
vidom
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.
Main features
- Fast virtual DOM builder and patcher under the hood
- Update batching and synchronization with browsers rendering lifecycle by default
- 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
- TypeScript support
- Small footprint, 9KB after gzip
- Zero dependencies
Benchmarks
- repaint rate challenge
- vdom-benchmark
- uibench
- server-side rendering (nodejs 8.8.1)
mean time ops/sec
vidom v0.9.23 0.505ms 1981
inferno v3.10.1 0.511ms 1958
preact v8.2.6 1.414ms 707
react v16.0.0 1.479ms 676
vue v2.5.2 8.883ms 113
Playground
Try live playground to play with Vidom in your browser.
Documentation
- Getting started
- Tutorial
- Top-level API
- DOM Events API
- Component properties
- Component lifecycle
- Component methods
- Function component
- JSX
- Isomorphism
- FAQ
- Changelog
Tools
- Vidom inspector developer tool which helps debug vidom-based applications
Addons
- vidom-css-animation-group API for "appearance", "entering" and "leaving" animation via CSS transitions and animation
- vidom-ui Set of basic UI components
- vidom-redux Redux bindings
Examples
Thanks
- cdnjs for library is avalaible on CDN.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].