LinusMelb / simple-vdom-typescript

Simple vDOM implementation in typescript

Simple Virtual DOM Implemented in Typescript

Note: Code implementation is heavily insipred by https://github.com/livoras/simple-virtual-dom

Simple virtual dom implementation in typescript. It has only ~300 lines of code, and consists of 3 parts: render, diff and patch.

• Render is to manipulate the actual DOM based on virtual Element.
• Diff is to compare between two different virtual DOMs and return applicable patches.
• Patch is to apply applicable patches to actual DOM based on differences found between old and new vitual DOMs.

To test it locally

npm install

# Open browser at localhost:3000 to preview your changes in index.ts
npm run serve

TODO

• vDOM fully implemented
• Write comprehensive documentation
• Add unit tests
• Add examples
• Publish to npm registry