Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/boweihan/virtual-dom

Lightweight virtual DOM implementation and visualizer - technologies: ES6/7, Babel, Webpack, and Flow
https://github.com/boweihan/virtual-dom

browser dom javascript react virtual-dom

Last synced: 5 days ago
JSON representation

Lightweight virtual DOM implementation and visualizer - technologies: ES6/7, Babel, Webpack, and Flow

Awesome Lists containing this project

README

        

# virtual-dom

A lightweight virtual DOM implementation with visualizations.

Virtual DOMs can facilitate more efficient manipulations of the real DOM and make
it convenient to expose lifecycle methods to component libraries (like ReactJS).

### Technology

* ES6 / ES7 with Babel transpilation
* Bundling with Webpack
* Flow
* ESLint

### Features

* Virtual DOM representation with the ability to make simple updates
* Managing props
* Handling events
* Step-handling Virtual DOM base class for visualizations
* Simple interactive UI for diffing JSX snippets

### Future

* Adding component life cycle to Virtual DOM
* Implementing O(ND) difference algorithm - http://www.xmailserver.org/diff2.pdf