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