All pages
Powered by GitBook
1 of 1

Loading...

Atomico

Una microlibrer铆a inspirada en React Hooks, dise帽ada y optimizada para la creaci贸n de webcomponentes.

import { c } from "atomico"; // 2.5kB

const MyComponent = c(
  ({name})=><host shadowDom>Hello, {name}</host>,
  {
    props: { name: String }
import { c } from "atomico"; // 2.5kB

const MyComponent = c(
  ({name})=><host shadowDom>Hello, {name}</host>,
  {
    props: { name: String }

Atomico simplifica el aprendizaje, flujo de trabajo y el mantenimiento al crear webcomponents y lo logra con :

  1. Interfaces escalable y reutilizable: con Atomico el c贸digo es m谩s simple y podr谩s aplicar practicas que faciliten la reutilizaci贸n de tu c贸digo.

  2. Comunicaci贸n abierta: su webcomponent podr谩 comunicar su estado sea por eventos, propiedades o m茅todos.

  3. Agn贸stico: su webcomponent servir谩 en cualquier librer铆a compatible con la web, ejemplo React, Vue o Svelte.

  4. Performance: Atomico posee un performance comparativo a niveles de Svelte, ganando la tercera posici贸n en performance seg煤n en una comparativa de 55 librer铆as entre las cuales esta React, Vue, Stencil y Lit.

}
);
customElements.define("my-component", c(component));
}
);
customElements.define("my-component", c(component));
webcomponents.dev