import { c } from "atomico"; // 2.5kBfunction component({ name }) {return <host shadowDom>Hello, {name}</host>;}component.props = {name: String,};customElements.define("my-component", c(component));
Atomico simplifies learning, workflow and maintenance when creating webcomponents and achieves it with:
Functional behavior: Forget the use of classes, setter/getter property declarations, and complicated lifecycle methods. Atomico achieves everything you need from a simple function.
Hook-based logic: Atomico implement React's hooks API, thus achieving an efficient and highly reusable functional composition.
VirtualDOM designed for webcomponents.