DEV Community

Cover image for Why Atomico js webcomponents?
Matias Trujillo
Matias Trujillo

Posted on • Edited on

Why Atomico js webcomponents?

First of all, what is Atomico? πŸ€”

Atomico is a small library to create interfaces and applications through webcomponents with a syntax similar to React Hooks.

Now why use Atomico? πŸ€“

Atomico has a size as a module of 4 kB but being bundled JS its size is less than 2.5kB (GZIP)🀯, resulting in an incredibly light code.

We will show the benefits of Atomico through a comparison, we have used as a basis for this comparison the existing counter webcomponents in webcomponents.dev of Atomico, Lit, Preact and React as a base.

With this comparison we get to know:

  1. πŸ“¦ JS Size (Library + Component) sent to browser
  2. πŸƒ Load time of the first render of 1000 components in the browser.
  3. ✍️ Lines of code written to solve the webcomponent.

Image why

We invite you to read the full article on πŸ‘‰ atomicojs.dev/why

Top comments (0)