Atomicojs

- OSS project to create interfaces using #webcomponents with simple code, fast and light. By @UpperCod

[Atomicojs @atomicojs]

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 😉

[Atomicojs @atomicojs]

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

[Atomicojs @atomicojs]

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

[Atomicojs @atomicojs]

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.

[Atomicojs @atomicojs]

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

[Atomicojs @atomicojs]

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.

[Atomicojs @atomicojs]

@itsLILNASY @Uppercod @astrodotbuild Hi Arsh, thank you for reporting the bug. We have fixed the site for iOS. We'll be attentive to your feedback. Regards

https://t.co/uJ4aVUih2N

[Atomicojs @atomicojs]

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

[Uppercod @Uppercod]

With this I have created #webcomponents without any customElement.define, the magic of @atomicojs 🪄

[Atomicojs @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

[Atomicojs @atomicojs]

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

[Uppercod @Uppercod]

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

[Atomicojs @atomicojs]

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

[Freddy Montes @fmontes]

🔴 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

[Uppercod @Uppercod]

@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

[Atomicojs @atomicojs]

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

[Atomicojs @atomicojs]

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

[Atomicojs @atomicojs]

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

[Atomicojs @atomicojs]

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

[Atomicojs @atomicojs]

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

[Atomicojs @atomicojs]

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

[Uppercod @Uppercod]

@AndricoKaroulla With @Atomicojs you will have better abstraction of dependencies for your #webcomponents, since Atomico allows you to instantiate the webcomponent through the constructor 🤯 https://t.co/3TjUmabAjh