Hi everyone!, today we launch the new https://t.co/Z4RiKepOt6 site, fully built with #webcomponents and @astrodotbuild for SSR 🎉, Webcomponents are really powerful! especially if you use @atomicojs 😉

Explore our small playground created for @Atomicojs, perfect for small #webcomponent demos. https://t.co/nK6bT6H6iU

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 😉👨‍💻

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.

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.

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. https://t.co/oC24bGIfkG

Hi everyone, yes, I'm still alive 😉 and with amazing improvements. 1️⃣ A small update to our website 🧑‍🎨✨. https://t.co/uJ4aVUih2N Site designed by @uppercod and created with @atomicojs + @astrodotbuild

With this I have created #webcomponents without any customElement.define, the magic of @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

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 📒

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

Sorry we've been inactive on twitter. Now some news on the way. 1. (coming soon) Suspense API for #webcomponents 😎

🔴 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 https://t.co/jHJabCXDio

@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) https://t.co/o6G1iE0hmR

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

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

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) 📜 https://t.co/Q85Q0Lpps9

With @Atomicojs you will always have a better code compression vs other #webcomponents libraries🤓 and that's thanks to features like this👇

Atomico's router takes advantage of Async Generators to represent asynchronous sequences 🤯, A really useful feature when building applications using @atomicojs #webcomponents 🤓 https://t.co/D1ioLtmYux