UI Designer and Frontend Dev, creator of @Atomicojs #webcomponents atomicojs.github.io - discord.gg/7z3rNhmkNE
Joined September 2013
- Tweets 767
- Following 233
- Followers 268
- Likes 1,407
301 Photos and videos
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
3
19
With this I have created #webcomponents without any customElement.define, the magic of @atomicojs 🪄
16 Dec 2022
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
1
4
547
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…
2
2
Uppercod retweeted
3 Oct 2022
🔴 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
2
3
Uppercod retweeted
13 Sep 2022
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
4
7
56
Uppercod retweeted
2 Sep 2022
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
5
13
Uppercod retweeted
1 Sep 2022
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…
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
3
5
Uppercod retweeted
9 Aug 2022
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…
2
4
Uppercod retweeted
1 Aug 2022
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
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...
29 Jul 2022
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
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
2
5
Di hola a Atomicojs.dev #webcomponents ! youtu.be/ZGUSGjqfdW4, video en español en el que te resumo el estado actual de @Atomicojs !
1
3
Uppercod retweeted
19 Jul 2022
Atomico is a small library for creating Web Components with “React-inspired syntax” like functions, hooks, and Vdom.
Created by @Uppercod ⚛️
atomicojs.dev/
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
27 Jun 2022
🔥 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
1
Uppercod retweeted
27 Jun 2022
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
5
17
113
Uppercod retweeted
24 Jun 2022
Younger me thought: "Woah, decorators are awesome! Let's use them for everything"
Me now: "eh, give me a function instead"
4
2
27
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
19 Jun 2022
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…
1
4
7
Uppercod retweeted
19 Jun 2022
@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 😎)
1
4
Uppercod retweeted
24 May 2022
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…
1
1