#WebComponents

📢 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! 👉 #thread 🧵👇 #webcomponents #webdev

🆕 🖖 Vue 3.2 brought built-in support for creating Web Components! @vuejs + Web Components = ❤️ Try it now: #vuejs #webcomponents

💡Spotlight on organization : @OpenWc Find collections of 50+ examples to learn about @polymer's LitElement and @matthewcp's Haunted. Available on the homepage of directly at: #webcomponents #webdev

I once heard if you had to repeat something 3 times you should write an article. So clearly this article is overdue. "Web Components Are Not the Future" by @RyanCarniato #WebDevelopment #webcomponents #DEVCommunity

Tonight's hack is something old + something new: #webcomponents @buildWithLit

📣 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

Released Macaron, an open-source UI design tool to create Web Components! - Create components visually (similar experience to popular design tools) - Can be used with plain HTML/JS, React, Vue, or any framework #webcomponents #design #webdev

#webcomponents in space! SpaceX have confirmed the use of Web Components in the Chromium base UI onboard Crew Dragon! They've come a long way since we first started using them on the UI almost 5 years ago now. Checkout the SpaceX reddit AMA:

To celebrate the end of the year 🎉 with fun and challenge we will deliver a new feature every day from Dec 1st to 25th! 😱 #adventWCD Comment your requests, like, retweet, follow! to give us the force!! 💪 #webcomponents #webdev

#webcomponents tip of the day: 🤯 Did you know that when inspecting a component in @FirefoxDevTools, you can click the "custom element" badge to go straight to the element's #javascript source? Yes way! 👩‍🔬 Give it a try next time you're debugging your web app. #html #devtools

🎉 We support the upcoming lit-html v2 (next-major) in stories now 💡Reminder: You can discover lit-html v2 new capabilities with @WestbrookJ collections : #webcomponents

🤩 In addition to over 70 WebKit additions, Safari 15.4 added <dialog> support! 🌐 This is an important element that can popup above other content- #developers can now use it in their own #webcomponents. Learn more ➡️

great talk explaining roughly absolutely everything about lit-element, lit-html in ~1h. If you wnat to know more about #webcomponents be sure to check it out. Also I am super happy that #openwc got a shoutout in the end 🥳 thx @justinfagnani

What does it take to create your first @Vaadin UI? How about a phone, a pen and a piece of paper? Here's Napkin, an experiment in creation of Vaadin UIs from sketches. Try it out yourself and see the source as usual #WebComponents

@preactjs has proven to be a very good option to build #webcomponents! See our analysis: So we decided to promote it to the "featured starter kits" on the landing page 🏆 Enjoy the weekend ☀️ #javascript #webdev

What open-source design systems are built with web components? Anyone exploring this space? Curious to learn what is working and what is challenging. #designsystems #webcomponents

Hi, @SalesforceDevs 👋 👉 We just released has been supporting Lightning #WebComponents for years... Time to create a dedicated experience for LWC with features crafted specifically for it 🤘 @Salesforce #designsystems

What libs/tools do you prefer when building #WebComponents today? Need your input 😎 @stenciljs, @polymer or @skate_js? #frontend #WebApp

Currently in Chrome Canary, @ChromeDevTools' Property inspector will now separate the properties defined on a Custom Element from those defined on HTMLElement. Take it for a spin: #WebComponents

🛠️ Interested in trying Lit but don't know where to begin? Try our starter kit and see how #webcomponents can empower your development ↓