Skip to content

Simple implementation of virtual DOM principles

Notifications You must be signed in to change notification settings

artyprog/simple-vdom

 
 

Repository files navigation

Create your own virtual DOM to understand it

This repo serves the work that is written in this Medium article - Create your own virtual DOM to understand it(part 2)

It is better if you follow the repo through the steps provided on that article.

For ease of understanding, the steps are divided in branches. Here are the branch names:

  • 1-hyperscript-renderer - show how to build DOM with hyperscript functions
  • 2-emoji-list-app - create simple emojis list app with hyperscript
  • 3-dynamic-app-full-rerender - add some dynamic content, so that you can see how app re-renders fully
  • 4-component-rendering - introduce Components(like in ReactJS), and how we can make them autonomous
  • 5-implement-diffing - implement "diffing" algorithm(almost like in ReactJS) to show the power of virtual DOM

About

Simple implementation of virtual DOM principles

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 81.0%
  • HTML 19.0%