https://github.com/ahmedanwar1/simplified_virtual_dom
Simplified Virtual DOM in Native JS
https://github.com/ahmedanwar1/simplified_virtual_dom
client-side-rendering javascript js native-javascript vanilla-javascript virtual-dom web website xmlhttprequest
Last synced: 7 months ago
JSON representation
Simplified Virtual DOM in Native JS
- Host: GitHub
- URL: https://github.com/ahmedanwar1/simplified_virtual_dom
- Owner: ahmedanwar1
- License: mit
- Created: 2023-09-01T09:06:16.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-02T14:50:18.000Z (over 2 years ago)
- Last Synced: 2025-01-22T04:14:04.880Z (about 1 year ago)
- Topics: client-side-rendering, javascript, js, native-javascript, vanilla-javascript, virtual-dom, web, website, xmlhttprequest
- Language: JavaScript
- Homepage:
- Size: 12.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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.