Skip to content

ahmedanwar1/Simplified_Virtual_DOM

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simplified Virtual DOM

This is a basic implementation of a Virtual DOM, a core concept in modern web development frameworks like React. This simplified Virtual DOM serves as a lightweight foundation for understanding how Virtual DOM works and can be used in web development projects.

Getting Started

Clone this repository:

git clone https://github.com/ahmedanwar1/Simplified_Virtual_DOM.git

Open index.html in your browser to see a simple example.

Usage

Copy the framework dir into your project.

Import vNode and render functions.

Create a virtual DOM tree and use generateVirtualElement to update the real DOM.

Features

  1. Create virtual DOM nodes.
  2. Update the virtual DOM tree to reflect changes.
  3. Render efficiently to the real DOM.
  4. Support for event handling.
  5. Support for states same as React.js

Contributing

Contributions are welcome! Fork, make changes, and open a pull request.

License

This project is licensed under the MIT License.



Feel free to customize it further to fit your specific needs.