tsx-create-html-element
Create html elements from tsx syntax using document.createElement
.
- Support for class elements like in React but without lifecycles or rerender
- Support for function elements
- Support for fragments
Install
$ npm install tsx-create-html-element
Update your tsconfig.json:
// tsconfig.json
Usage
Jsx code:
; ; document.getElementById"app".appendChild ;
Equivalent:
; ;divGreetElement.id = "greet";;buttonElement.append"SayHi";;divElement.appenddivGreetElement, buttonElement;document.getElementById"app".appendChilddivElement;