WebComponents.dev

The Component IDE for Web Developers - by @divRIOTS
Chat with us 👉

[WebComponents.dev @webcomp_dev]

📢 New! All the Ways to Make a Web Component - February 2022 Edition!

🤯 We passed the bar of 60 Web Components libraries compared!
⌨️ Code styles
📊 Bundle sizes
🏎️ Performance

🤩 All-in-one article!

👉 https://t.co/dLTmO8Amiu

#thread 🧵👇 #webcomponents #webdev

[WebComponents.dev @webcomp_dev]

@Rammewerk created a CLI tool to develop Web Components with native HTML and CSS files, that will compile to native JavaScript modules.

Check it out 📦 https://t.co/srj3GelYm9

#webcomponents #html #css

[WebComponents.dev @webcomp_dev]

𝟭𝟮𝟲,𝟵𝟯𝟴 #webcomponents created with https://t.co/yx9PevwbAN in 2022 🔥

We can’t be thankful enough for the support we’ve received from the community 🙏
Here’s to a productive and successful year ahead!

More numbers in our recap 👇
https://t.co/RROujnE27O

[WebComponents.dev @webcomp_dev]

@SalesforcePhil @btaylor @SkiforceEvent @AlbaSFDC @BorislavBo @Stefano_Crepaz @FedjaFidahic @cyril_louis @stangomat @zaynelt @muenzpraeger Thanks for the support!

[David Giller @davidgiller]

https://t.co/W5fH4553Z5 – Tip of the Week #532 https://t.co/o6dJZqYIZv

[WebComponents.dev @webcomp_dev]

Hi, @SalesforceDevs 👋

👉 We just released https://t.co/XZiUXlyQnc

https://t.co/9qu4SUmkj9 has been supporting Lightning #WebComponents for years... Time to create a dedicated experience for LWC with features crafted specifically for it 🤘
@Salesforce #designsystems

[WebComponents.dev @webcomp_dev]

@FelippeRegazio Glad you like it ❤️
Any feedback / feature idea?

[WebComponents.dev @webcomp_dev]

@CLTzaum @FelippeRegazio Thanks for the support 🤗

[Build Awesome (11ty) @eleven_ty]

Eleventy Leaderboards №23 Side Quests

🧮 ×746 sites
🟢 ×303 Lighthouse Perf 100
🏋️ ×191 without JS
🆕 Fastest new site: @maxoftime https://t.co/k5Ac7NcE8a
🏎 Fastest LCP: @smthdotuk https://t.co/lL6ZqGfwQe
🚀 Fastest TTFB @webcomp_dev https://t.co/ltMGCzVWYu

[WebComponents.dev @webcomp_dev]

Generate @Figma components, straight from @storybookjs, and keep them in sync 🔗

That's right, https://t.co/8Z5xZWcyyA is out 🚀 → https://t.co/lH9pF6weFk

[WebComponents.dev @webcomp_dev]

@webcomp_dev team is please to announce that
@story_to_design beta is now open to all 🎉

Works fantastic well with #webcomponents 🤗
With or without ShadowDOM if you were wondering 😉
Best way to keep your code and design in sync 🔗

Discover → https://t.co/53Md8f19Ub

[WebComponents.dev @webcomp_dev]

#webcomponent Community highlight:

👉 Evolution of #designtokens and #components styling

Great read from the @FAST_UI team 👍
https://t.co/7LNTNNcLiN

[WebComponents.dev @webcomp_dev]

Community highlight:

👉 What’s new in the Microsoft Fluent UI library for Blazor version 1.5

Great read from the @FAST_UI team 👍
https://t.co/7LNTNNcLiN

[WebComponents.dev @webcomp_dev]

#webcomponent Community highlight:

👉 Evolution of #designtokens and #components styling

Great read from the @FAST_UI team 👍
https://t.co/7LNTNNcLiN

[WebComponents.dev @webcomp_dev]

Community highlight:

👉 What’s new in the Microsoft Fluent UI library for Blazor version 1.5

Great read from the @FAST_UI team 👍
https://t.co/7LNTNNcLiN

[WebComponents.dev @webcomp_dev]

Community highlight:

👉 Optimize list rendering with FAST's view recycling feature

Great read from the @FAST_UI team 👍
https://t.co/zW3kKzuB3K

[WebComponents.dev @webcomp_dev]

Community highlight:

👉 Optimize list rendering with FAST's view recycling feature

Great read from the @FAST_UI team 👍
https://t.co/zW3kKzuB3K

[WebComponents.dev @webcomp_dev]

Community highlight: Dig into form-associated custom elements with @iplayitofflegi

👉 Code custom form controls that report value and validity to `HTMLFormElement`, while also promoting a fully accessible user experience!
https://t.co/RQNLWm7lB3

[WebComponents.dev @webcomp_dev]

Community highlight:

👉 The state of #WebComponents in 2022!

@iplayitofflegi digs into the current level of adoption, top libraries and tooling available + browser support 👇
https://t.co/pwau78vqMG

[WebComponents.dev @webcomp_dev]

Community highlight: Dig into form-associated custom elements with @iplayitofflegi

👉 Code custom form controls that report value and validity to `HTMLFormElement`, while also promoting a fully accessible user experience!
https://t.co/RQNLWm7lB3

[WebComponents.dev @webcomp_dev]

Howdy #WebComponents lovers 💙
We're working on the update of our reckoned benchmark:

- All the Ways to Make a Web Component -

Is your favorite WC framework missing from the list? Shoot us a message, so I can add it 🤗
https://t.co/dLTmO8Amiu