Discover and read the best of Twitter Threads about #Webcomponents

Most recents (4)

📢 New! All the Ways to Make a Web Component - November 2021 Edition!

🤯 59 Web Components compared
⌨️ Code styles
📊 Bundle sizes
🏎️ Performance

🤩 All-in-one article!

👉 webcomponents.dev/blog/all-the-w…

#thread 🧵👇 #webcomponents #webdev
We added several librairies, like:

- #wafer by @lamplightdev
- #incremental-dom by @Google
- #sidewind by @bebraw
Also added the new @vuejs 3.2 with `defineCustomElement` Image
Read 9 tweets
¡Ojo! ¡Una caja Funko Pop! dibujada en 3D con #CSS!
ManzDev (Twitch Code Streamer) ¡en edición limitada!

Por aquí links:
🐈Repo: github.com/ManzDev/twitch…
👀Demo @CodePen codepen.io/manz/pen/Yzxav…
🎬Video del making-of:

#html #css #javascript #webcomponents
Como curiosidades, hemos diseñado todo sin utilizar imágenes, sólo usamos #CSS para diseñar, y #WebComponents (nativos) para encapsular y reutilizar.

- 11 WebComponents
- 515 líneas totales de Javascript
- 449 líneas totales de CSS
Utilizamos la tipografía «Heroes Legend» para el logo, y la tipografía Bebas Neue para el resto de textos. Nuestra versión se llama «Punko FOP!» (gracias a pbl78 por la idea).
Read 11 tweets
📣 New! All the Ways to make a Web Component - May 2021 Edition!

🤯 With 55 Web Components libraries compared
⌨️ Code styles
📊 Bundle sizes
🏎️ Performance

All compared in one article!

More details in thread below ⤵️ #webcomponents #webdev

webcomponents.dev/blog/all-the-w…
The new #Lit 2.0.0rc is in! @buildWithLit
With some sweet bundle size improvements over `lit-element` Image
#Prism compiler by @kaleidawave
Creates 0 dependencies components, goes straight to the top in single component bundle size. Image
Read 7 tweets
I have seen @astrodotbuild this morning. The upcoming "meta web framework" from @skypackjs team (@FredKSchott, @matthewcp, @n_moore and maybe other I don't know 😅)

I think it's showing us something important. Here is my humble take on it and the emerging meta frameworks
(1/11)
You can preview @astrodotbuild in this video: pscp.tv/w/1nAJELQkljlGL
with @FredKSchott and @feross
(2/11)
In my words, @astrodotbuild is a meta web framework with properties introduced by Ruby on Rails: File based routing, layouts and taking the component models that we have seen in #nextjs, #nuxt, #sapper and now #sveltekit.

But! It's framework agnostic. Let me explain
(3/11)
Read 12 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!