wompo

$3


$3

Check the full documentation for Wompo at wompo.dev.


$3

Creating a custom Counter component is very easy with Wompo, and works exactly like React!

``js
import { defineWompo, html } from 'wompo';

export default function CounterComponent({ styles: s }) {
const [count, setCount] = useState(0);
const inc = () => setCount(count + 1);
return html
Current value: ${count}
;
}

CounterComponent.css =
.button {
border-radius: 10px;
background-color: #573ef6;
color: #fff;
padding: 10px 20px;
border: none;
}

defineWompo(CounterComponent);
`

Then, you can simply render it in you HTML:

`html


`

$3

Wompo supports JSX. If you use it with Typescript, write this in your tsconfig.json file:

`json
"jsx": "react-jsx",
"jsxImportSource": "wompo",
``