2.1.4 • Published 3 months ago
dom-renderer v2.1.4
DOM Renderer
A light-weight DOM Renderer supports Web components standard & TypeScript language.
Usage
JavaScript
import { DOMRenderer } from 'dom-renderer';
const newVNode = new DOMRenderer().patch(
{
tagName: 'body',
node: document.body
},
{
tagName: 'body',
children: [
{
tagName: 'a',
props: { href: 'https://idea2.app/' },
style: { color: 'red' },
children: [{ text: 'idea2app' }]
}
]
}
);
console.log(newVNode);
TypeScript
tsconfig.json
{
"compilerOptions": {
"jsx": "react-jsx",
"jsxImportSource": "dom-renderer"
}
}
index.tsx
import { DOMRenderer } from 'dom-renderer';
const newVNode = new DOMRenderer().render(
<a href="https://idea2.app/" style={{ color: 'red' }}>
idea2app
</a>
);
console.log(newVNode);
Framework
Web components
Original
Inspiration
Prototype
2.1.4
3 months ago
2.1.2
3 months ago
2.1.3
3 months ago
2.1.1
3 months ago
2.1.0
3 months ago
2.0.6
4 months ago
2.0.5
4 months ago
2.0.3
4 months ago
2.0.4
4 months ago
2.0.2
4 months ago
2.0.1
4 months ago
2.0.0-rc.2
9 months ago
2.0.0-rc.3
9 months ago
2.0.0-rc.4
9 months ago
2.0.0-rc.5
9 months ago
2.0.0-rc.0
9 months ago
2.0.0-rc.1
9 months ago
2.0.0-alpha.0
9 months ago
2.0.0-alpha.1
9 months ago
2.0.0-beta.2
9 months ago
2.0.0-beta.1
9 months ago
2.0.0-beta.0
9 months ago
2.0.0-rc.6
9 months ago
2.0.0-beta.6
9 months ago
2.0.0-rc.7
9 months ago
2.0.0-beta.5
9 months ago
2.0.0-rc.8
9 months ago
2.0.0-beta.4
9 months ago
2.0.0
9 months ago
2.0.0-rc.9
9 months ago
2.0.0-beta.3
9 months ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago
1.0.0-beta
5 years ago
1.0.0-alpha
5 years ago
0.9.0
5 years ago
0.8.1
5 years ago
0.8.0
5 years ago
0.7.0
5 years ago
0.6.0
5 years ago
0.4.0
5 years ago
0.3.0
5 years ago
0.2.0
5 years ago
0.1.0
5 years ago