UI Designer and Frontend Dev, creator of @Atomicojs #webcomponents https://xitter.cf/t.co/YqsYGiHJa5 - https://xitter.cf/t.co/GOwj7XKrvy
Rancagua, Chile
Joined September 2013
- Tweets767
- Following232
- Followers265
- Likes1.4K
Pinned Tweet
Me he lanzado 🚀 a crear una serie de videos sobre #webcomponents con Programación Funcional! con @atomicojs youtu.be/fUVNnKqJwWc a través de @YouTube he aquí el primer video
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
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…
Uppercod retweeted
🔴 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
Uppercod retweeted
Here's that @CodePen link! 🚀
And this should work in your browser today 🙌 That's because it's using a polyfill that's currently under development as scroll linked animations are experimented with 😎
codepen.io/jh3y/pen/RwyGBrQ
Uppercod retweeted
Do you know the @atomicojs project?
An OSS project to create interfaces using #webcomponents with simple code, fast and light
atomicojs.dev/
#WebPerf #Performance #UI #Components
ALT Atomico webcomponents Create interfaces with code simple, fast and light
Uppercod retweeted
Congratulations to the @IBMiX_DACH team for the amazing design for UI for Barmer... Why is @Atomicojs
#webcomponents sharing this? 🤔, because they are using Atomico for the web version! 😎 Soon more information youtube.com/watch?v=kI79YOLb…
🤔I think I'm achieving interesting results using @atomicojs #webcomponents + @WordPress + @WooCommerce + @RealOxygenApp...It's not SSG, it's not Cache, it's not WebP, it's just webcomponents + PHP + Siteground
Uppercod retweeted
With @atomico/table #webcomponents you will be able to create beautiful tables, easily customize them and with responsive layout. 💯compatible with @Reactjs/@Preactjs thanks to @atomicojs webcomponents components.atomicojs.dev/tab…
Uppercod retweeted
How to skew framework benchmarks in your favour.
Wrote down the many gotchas surrounding benchmarking and why you may not be measuring what you think you are measuring.
marvinh.dev/blog/benchmarks
Yes the controls look good, but the hooks are from another planet 🤯, With @atomicojs #webcomponents you achieve the same functionality but with only 2.2 kb including Atomico, customHook and Component...
What if you want to build a component out of smaller pieces that aren't themselves components? That's where Lit's Reactive Controllers come in.
Click to learn about:
🔀 Using a controller
✏️ Writing a controller
💡 Use cases
Check it out ➡️ goo.gle/3oI22qp
ALT Screebshot of clock contoller code
I think React does scale, but it could be more efficient vs current standards, If you already use @Reactjs I invite you to use @atomicojs, there is no friction in use between the 2 libraries since the same syntax (JSX/Hooks) but in #webcomponents and more efficient
This quoted post is unavailable.
Di hola a Atomicojs.dev #webcomponents ! youtu.be/ZGUSGjqfdW4, video en español en el que te resumo el estado actual de @Atomicojs !
Uppercod retweeted
Atomico is a small library for creating Web Components with “React-inspired syntax” like functions, hooks, and Vdom.
Created by @Uppercod ⚛️
atomicojs.dev/
Personally, the use of selector :host(.myClassName) does not seem correct to me, I prefer the use of attributes since these have less chance of collision
Uppercod retweeted
I've been playing with streaming Declarative Shadow DOM recently and it enables some pretty unique behaviour - e.g. enamel.pages.dev/ - a completely JS free, backend agnostic way to deliver your page shell instantly and progressively load in slotted content as it's received
Uppercod retweeted
Younger me thought: "Woah, decorators are awesome! Let's use them for everything"
Me now: "eh, give me a function instead"
Support for other renderers not only considers lit-html, you can also use uhtml created by @WebReflection with @Atomicojs for your #webcomponents studio.webcomponents.dev/edi… ... The tree shaking will remove unused code from Atomico's core
Atomico is designed like a lego and its modularity and code decoupling is such that it can do really incredible things, for example support any render like lit-html 🤯... Yes now you can use Atomico #webcomponents + lit-html studio.webcomponents.dev/edi…
Uppercod retweeted
@UpperCod has redesigned the @Atomicojs site, it will be a good way to test the new SSR support of Atomico + @astrodotbuild (Yes Atomico now has SSR support 😎)
Uppercod retweeted
I'm personally a fan of drag and drop micron iterations for displaying menus on mobile and @atomicojs makes it very easy for you using #webcomponents, preview : atomico-components.netlify.a…