@atomicojs

https://xitter.cf/t.co/tI70k1DhoN - OSS project to create interfaces using #webcomponents with simple code, fast and light. By @UpperCod

atomicojs.github.io/
Joined November 2019
  • Tweets158
  • Following3
  • Followers226
79Media
Hi everyone!, today we launch the new atomicojs.dev site, fully built with #webcomponents and @astrodotbuild for SSR 🎉, Webcomponents are really powerful! especially if you use @atomicojs 😉
1
1
10
Explore our small playground created for @Atomicojs, perfect for small #webcomponent demos. play.atomicojs.dev/
2
448
Where is @typescript ? Since Atomico 1.76, TypeScript will magically validate your code without the use of decorators or complex declarations. We invite you to create #webcomponents with a syntax that aims to provide you with a better development experience 😉👨‍💻
8
485
A small idea, what if we add a more compact component format without using the Props and Component types? We invite you to leave your feedback on the idea, greetings. github.com/atomicojs/atomico…
2
1
7
347
Proposed syntax for @atomicojs vs arrow function syntax. 1️⃣ There would be no need to use TypeScript to infer the types of the render function. 2️⃣ The props object would be automatically validated at the TypeScript level.
180
Proposed syntax for @atomicojs vs function syntax. 1️⃣ There would be no need to use TypeScript to infer the types of the render function. 2️⃣ The props object would be automatically validated at the TypeScript level.
138
Hi everyone, yes, I'm still alive 😉 and with amazing improvements. 1️⃣ A small update to our website 🧑‍🎨✨. atomicojs.dev/ Site designed by @uppercod and created with @atomicojs + @astrodotbuild
1
5
153
Atomicojs retweeted
Uppercod@Uppercod16 Dec 2022
With this I have created #webcomponents without any customElement.define, the magic of @atomicojs 🪄
Atomicojs@atomicojs16 Dec 2022
Replying to @atomicojs
Automatically create customElements.define?, Yes @atomico/vite will add the customElement.define to your #webcomponents based on your component's export name, no more customElement.define for your application or design system
1
4
551
Hi, I would like to share some things that you can do today with @atomico/vite 1. Automatically create customElements.define ⭐ 2. Support Atomico + Vite + Storybook 🎨 3. Preprocess css template literals with Postcss 😎 4. Export your code for npm 📒 atomico.gitbook.io/doc/packa…

@atomico/vite | Atomico JS

Atomico Vite is a stack of plugins created for the development of libraries and applications using Atomico + Vite.

atomico.gitbook.io
1
1
5
221
Automatically create customElements.define?, Yes @atomico/vite will add the customElement.define to your #webcomponents based on your component's export name, no more customElement.define for your application or design system
1
1
4
811
Atomicojs retweeted
Uppercod@Uppercod24 Nov 2022
Hola, Tenemos nuevos hooks en el core de @Atomicojs, en este video te hablo de usePromise, un nuevo hook para consumir fácilmente promesas en tus #webcomponents creados con Atomicojs youtube.com/watch?v=RppM8X-u…
2
2
Sorry we've been inactive on twitter. Now some news on the way. 1. (coming soon) Suspense API for #webcomponents 😎
7
🔴 STREAM ESPECIAL HOY ¿Para qué @reactjs si tenemos #webcomponents? @Uppercod (creador de @atomicojs) y yo vamos a hablar de este tema. 🇲🇽 🇨🇴 🇪🇨 🇵🇪 🇵🇦 7pm 🇨🇷 🇳🇮 🇭🇳 🇸🇻 6pm 🇻🇪 🇵🇾 🇧🇴 8pm 🇦🇷 🇺🇾 9pm twitch.tv/fmontes83
2
1
3
Atomicojs retweeted
Uppercod@Uppercod13 Sep 2022
Replying to @ryanflorence
With @Atomicojs #webcomponents you can easily create components that communicate natively with forms, the trick is simple, hybrid render 🤯 (with Atomico this even works inside React) studio.webcomponents.dev/edi…
3
9
When you use @Atomicojs #webcomponents with @typescript your code will have superpowers, in this thread you will know everything you can do with Atomico ❤️ Typescript
3
3
In Atomico there is a special type called Host, which allows you to associate events that you can listen to from the JSX/TSX, with this you can easily define how your event behaves
Something really interesting when associating listeners in JSX/TSX is that Atomico autocompletes the currentTarget, with the associated tag, this even allows you to access the properties of the customElement instance
Autocompletion of html and svg, although this is typical of JSX and TSX in Atomico we have configured autocompletion to privilege the native use of the DOM and the accessibility attributes
1
Could @preactjs signals be used in @Atomicojs #webcomponents ? Yes, and with only 4 lines of code for its integration 🤯, but only we only recommend it to manage global state (Store) 📜studio.webcomponents.dev/edi…
2
3
With @Atomicojs you will always have a better code compression vs other #webcomponents libraries🤓 and that's thanks to features like this👇
Uppercod@Uppercod4 Sep 2022
Replying to @AndricoKaroulla
With @Atomicojs you will have better abstraction of dependencies for your #webcomponents, since Atomico allows you to instantiate the webcomponent through the constructor 🤯 atomico.gitbook.io/doc/api/v…
1
Atomico's router takes advantage of Async Generators to represent asynchronous sequences 🤯, A really useful feature when building applications using @atomicojs #webcomponents 🤓stackblitz.com/edit/atomico-…
6
Load more