Uppercod
@Uppercod
Followers
270
Following
1K
Media
301
Statuses
768
UI Designer and Frontend Dev, creator of @Atomicojs #webcomponents https://t.co/YqsYGiHJa5 - https://t.co/GOwj7XKrvy
Rancagua, Chile
Joined September 2013
Me he lanzado 🚀 a crear una serie de videos sobre #webcomponents con Programación Funcional! con @atomicojs
https://t.co/aweoekSU2c a través de @YouTube he aquí el primer video
0
3
18
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
0
1
4
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
0
2
2
🔴 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
0
2
4
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 😎 https://t.co/RmjVuUxBzv
codepen.io
...
4
7
56
Do you know the @atomicojs project? An OSS project to create interfaces using #webcomponents with simple code, fast and light https://t.co/YI256HHiBx
#WebPerf #Performance #UI #Components
0
5
13
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
0
1
7
🤔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
0
3
5
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 https://t.co/TJf4OZ1OHG
0
2
4
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. https://t.co/mpHWEDIXHp
marvinh.dev
Benchmarking is hard. There are many ways which one can accidentally introduce bias for a particular solution. Always double check that you're measuring what you think you are measuring.
2
13
90
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 ➡️ https://t.co/GqTQzDZiwh
0
0
2
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
0
2
5
Di hola a https://t.co/K2E2MAb261
#webcomponents ! https://t.co/GOkcIElYS8, video en español en el que te resumo el estado actual de @Atomicojs !
0
1
3
Atomico is a small library for creating Web Components with “React-inspired syntax” like functions, hooks, and Vdom. Created by @Uppercod ⚛️ https://t.co/iqb7vZjuhS
atomicojs.dev
OSS project to create interfaces using webcomponents with simple code, fast and light.
1
1
4
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
🔥 Stencil Tip 🔥 You can style your components based on their props by joining them in a string of class names. What are your favorite strategies for styling your components?
1
0
1
I've been playing with streaming Declarative Shadow DOM recently and it enables some pretty unique behaviour - e.g. https://t.co/TpcPHQJnFH - a completely JS free, backend agnostic way to deliver your page shell instantly and progressively load in slotted content as it's received
5
17
116
Younger me thought: "Woah, decorators are awesome! Let's use them for everything" Me now: "eh, give me a function instead"
4
2
27
This is possible thanks to the use of intelligently structured functions and modules🤓
0
0
0
Support for other renderers not only considers lit-html, you can also use uhtml created by @WebReflection with @Atomicojs for your #webcomponents
https://t.co/8kqqq0UCO4 ... The tree shaking will remove unused code from Atomico's core
studio.webcomponents.dev
Crafted with WebComponents.dev
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 https://t.co/i0kL8zIONu
1
4
7
@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 😎)
0
1
4
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 : https://t.co/kQ5GCGJDJI
1
1
0