DEV Community

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

Posted on • Edited on

2 1

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

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay