Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including atomico with all npm packages installed. Try it out:

var atomico = require("atomico")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

atomico v0.23.3

Atomico is a small library for the creation of interfaces based on web-components, only using functions and hooks.

Atomico

CircleCI npm gzip

Español English

A microlibrary inspired by React Hooks, designed and optimized for the creation of webcomponents

hello

Documentation

Atomico documentation is available on gitbook in the following URL atomico.gitbook.io/doc, you can request direct support via twitter to @ Uppercod or @Atomicojs, don't hesitate to ask, I'll be happy to help you!

my first webcomponent with Atomico

api documentation virtual-dom

api documentation hooks

api documentation props

Why Atomico?

With only 3kb you can start with:

Virtual-dom designed to facilitate the definition of the DOM state of the webcomponent, eg:

Atomico diff

9 different types hooks to create highly reusable logic, useProp, useState, useReducer, useEffect, useRef, useHost, useMemo, useCallback, useEvent and usePublic.

Atomico hooks

Declaration of types as objects, supporting type validation, reflection of properties as attribute, default values, value options, automatic emission of events when the property changes and more.

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free