22
33A light-weight DOM Renderer supports [ Web components] [ 1 ] standard & [ TypeScript] [ 2 ] language.
44
5- [ ![ CI & CD] ( https://github.com/EasyWebApp/DOM-Renderer/actions/workflows/main.yml/badge.svg )] [ 3 ]
6-
7- [ ![ Open in GitPod] ( https://img.shields.io/badge/GitPod-dev--now-blue?logo=gitpod )] [ 4 ]
5+ [ ![ NPM Dependency] ( https://img.shields.io/librariesio/github/EasyWebApp/DOM-Renderer.svg )] [ 3 ]
6+ [ ![ CI & CD] ( https://github.com/EasyWebApp/DOM-Renderer/actions/workflows/main.yml/badge.svg )] [ 4 ]
87
98[ ![ NPM] ( https://nodei.co/npm/dom-renderer.png?downloads=true&downloadRank=true&stars=true )] [ 5 ]
109
10+ [ ![ Open in GitPod] ( https://img.shields.io/badge/GitPod-dev--now-blue?logo=gitpod )] [ 6 ]
11+
1112## Usage
1213
1314### JavaScript
@@ -38,7 +39,7 @@ console.log(newVNode);
3839
3940### TypeScript
4041
41- [ ![ Edit DOM Renderer example] ( https://codesandbox.io/static/img/play-codesandbox.svg )] [ 6 ]
42+ [ ![ Edit DOM Renderer example] ( https://codesandbox.io/static/img/play-codesandbox.svg )] [ 7 ]
4243
4344#### ` tsconfig.json `
4445
@@ -65,21 +66,29 @@ const newVNode = new DOMRenderer().render(
6566console .log (newVNode );
6667```
6768
69+ ## Framework
70+
71+ ### Web components
72+
73+ [ ![ Edit MobX Web components] ( https://codesandbox.io/static/img/play-codesandbox.svg )] [ 8 ]
74+
6875## Original
6976
7077### Inspiration
7178
72- [ ![ SnabbDOM] ( https://github.com/snabbdom.png )] [ 7 ]
79+ [ ![ SnabbDOM] ( https://github.com/snabbdom.png )] [ 9 ]
7380
7481### Prototype
7582
76- [ ![ Edit DOM Renderer] ( https://codesandbox.io/static/img/play-codesandbox.svg )] [ 8 ]
83+ [ ![ Edit DOM Renderer] ( https://codesandbox.io/static/img/play-codesandbox.svg )] [ 10 ]
7784
7885[ 1 ] : https://www.webcomponents.org/
7986[ 2 ] : https://www.typescriptlang.org/
80- [ 3 ] : https://github.com/EasyWebApp/DOM-Renderer/actions/workflows/main.yml
81- [ 4 ] : https://gitpod.io/#https:// github.com/EasyWebApp/DOM-Renderer
87+ [ 3 ] : https://libraries.io/npm/dom-renderer
88+ [ 4 ] : https://github.com/EasyWebApp/DOM-Renderer/actions/workflows/main.yml
8289[ 5 ] : https://nodei.co/npm/dom-renderer/
83- [ 6 ] : https://codesandbox.io/s/dom-renderer-example-pmcsvs?autoresize=1&expanddevtools=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2Findex.tsx&theme=dark
84- [ 7 ] : https://github.com/snabbdom/snabbdom
85- [ 8 ] : https://codesandbox.io/s/dom-renderer-pglxkx?autoresize=1&expanddevtools=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2Findex.ts&theme=dark
90+ [ 6 ] : https://gitpod.io/#https://github.com/EasyWebApp/DOM-Renderer
91+ [ 7 ] : https://codesandbox.io/s/dom-renderer-example-pmcsvs?autoresize=1&expanddevtools=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2Findex.tsx&theme=dark
92+ [ 8 ] : https://codesandbox.io/s/mobx-web-components-pvn9rf?autoresize=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2FWebComponent.ts&moduleview=1&theme=dark
93+ [ 9 ] : https://github.com/snabbdom/snabbdom
94+ [ 10 ] : https://codesandbox.io/s/dom-renderer-pglxkx?autoresize=1&expanddevtools=1&fontsize=14&hidenavigation=1&module=%2Fsrc%2Findex.ts&theme=dark
0 commit comments