Web Component Bytes @wcbytes
Web Component tips by @lamplightdev. Writing a short & sweet summary of the week's #webcomponents news https://t.co/PeIQLfuLWJ @[email protected] UK Joined August 2020-
Tweets225
-
Followers798
-
Following607
-
Likes401
@schizanon Seems to work? codepen.io/lamplightdev/p…
Very much looking forward to playing with this!
Almost there 😄 SWTL will be able to SSR custom elements. The customElementRenderer is pluggable, so it supports @buildWithLit , but could probably support @enhance_dev `CustomElement`s as well, or other custom element renderers
👀
I think this is great news. The core components will remain free and open source, but there's now a business model that will ensure the project gets the investment it needs and deserves to continue to be developed and maintained into the future! Happy to be a backer.
What's the closest thing to Remix/Next for web components?
@patrickjs I suppose you could do something similar with a server side web component - but is the attraction of RSC that this would also work as a client side component too?
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
@patrickjs Yeah, styling can be an issue, although I think there are discussions around enabling some kind of slot behaviour with light dom
@patrickjs Well Firefox doesn't quite have support yet, and Safari has a higher threshold (~512bytes) before triggering streaming, but it does work after reaching that theshold.
@patrickjs Finally got round to it! lamplightdev.com/blog/2024/01/1…
Did you know you can stream HTML out of order without any JavaScript at all? A put a little blog post together explaining how: lamplightdev.com/blog/2024/01/1… See a demo: ooo.lamplightdev.workers.dev Supported in Chrome and Safari, and in Firefox in a month or two.
Great news! If Shoelace so far has been @claviska working on it as a side project, imagine what it will be like with his full time attention! 🚀 👟🚀
Time to talk about the future of Shoelace. It's been more than two years since the beta release of Shoelace 2.0, which was the first version of the project to ship Web Components… 👇 cont'd
Time to talk about the future of Shoelace. It's been more than two years since the beta release of Shoelace 2.0, which was the first version of the project to ship Web Components… 👇 cont'd
👀
Hey.. so I found a way to author Declarative ShadowDOM just once for a given element and then reuse that DSD any number of times without having to rewrite it, without any build tools, and without any JavaScript.
@rauschma Here's an example of (streaming) DSD with and without the polyfill - it's tiny and works well
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
Stating the obvious maybe, but the tendency for some discussions concerning contrasting opinions on Web Dev Twitter to devolve into arguments, sometimes personal, is very off putting for a lot of people, whether or not you're personally involved.
Lots of interesting food for thought here on component based architecture. To paraphrase, when all you have is a hammer everything looks like a nail. Looking forward to seeing ideas in this space breaking out of the current JS centric framework approach!
Where Web Components Went Wrong (And How We Can Turn It Around) space.matthewphillips.info/posts/where-we…
Where Web Components Went Wrong (And How We Can Turn It Around) space.matthewphillips.info/posts/where-we…
Alex Russell @slightlylate
34K Followers 4K Following This place is not a place of honor. No highly esteemed deed is commemorated here. Noting valued is here...This message is a warning about danger.
Serhii Kulykov 🇺�... @serhiikulykov
866 Followers 219 Following Senior Software Engineer at @vaadin. Creator of https://t.co/X6ih9H4n4A. @OpenWC and @modern_web_dev team member. In Ukrainian: @iamkulykov. Opinions are my own.
KΞNNETH ・ ケニ�... @kennethrohde
6K Followers 3K Following 🌍 Principal Engineer, Web Platform Engineering @intel 🇩🇰 🌱 Co-inventor PWA 👷 @ChromiumDev 🌎 @W3CTAG alumni 🐡 Project Fugu 🏆 Google GDE, Microsoft MVP
Brad Frost @brad_frost
112K Followers 548 Following I'm sad to have to leave, but I have to. You can find and follow me elsewhere: https://t.co/hPY38PkKxR
Elliott Marquez @techytacos
1K Followers 443 Following My mom calls me mijo I do Web Platform @Airbnb & @buildWithLit core team - Xoogler formerly Google Design & Chrome 🦋 https://t.co/FxxUwOZ1NC
Danny Moerkerke @dannymoerkerke
3K Followers 968 Following PWA and Web Components specialist, creator of https://t.co/bzSvDtbkSd. I write about what the modern web can do. Email list: https://t.co/656Y2DbbDP
Andrea Giammarchi �... @WebReflection
10K Followers 1K Following Web, Mobile, IoT: all JS things since 00's - opinions are my own ™ Principal SW Engineer @anacondainc working on OSS stack 🦄
Matsu @matsuuu_
871 Followers 472 Following 📦 Web Components ☕️ Java 🎮 Esports 🍻 Homebrewing 👷 Developer Tooling Developer 📢 Open to talk at events DevX @ @n8n_io 📅 @aurajokiO
@brianleroux@indieweb... @brianleroux
20K Followers 10K Following helping build @sanity_io; aws serverless heroes; indieweb developer 🖤
bkardell 🐦 @briankardell
3K Followers 2K Following Brian, you know, from the Internet. Dev Advocate at Igalia | Co-author Extensible Web Manifesto | Standards Dude (Igalia AC/OpenJS) https://t.co/XXE6f9UrQR | he/him
Noam Rosenthal 🦋 n... @nomsternom
2K Followers 2K Following Working on the web platform (Chromium, Google, etc). My opinions about AI are AI-generated
Burton Smith @stuffbreaker
398 Followers 311 Following Fun-loving coder and speaker. I love #webdevelopment, #webcomponents, and #designsystems. Creator of the WC Toolkit. I work @zocdoc.
Simon Willison @simonw
189K Followers 6K Following Creator @datasetteproj, co-creator Django. PSF board. Hangs out with @natbat. He/Him. Mastodon: https://t.co/t0MrmnJW0K Bsky: https://t.co/OnWIyhX4CH
WebComponents.dev @webcomp_dev
2K Followers 76 Following The Component IDE for Web Developers - by @divRIOTS Chat with us 👉 https://t.co/7NaqvxM2we
Jorge del Casar @JorgeCasar
15K Followers 2K Following Technology enthusiast, with a passion for building better UX through #WebComponents, #DesignOps, #DesignSystems @googledevexpert Web technologies
john @johnss67_
2 Followers 102 Following
Dddd @Dddd144764
0 Followers 38 Following
frontend @frontend_fe
0 Followers 31 Following
Bruno Sampaio @_BrunoSampaio
2 Followers 145 Following
Pat @patcodesz
0 Followers 21 Following
Manul @manul323
34 Followers 608 Following
Dmitrii Lipko @dmitriilipko
1 Followers 215 Following Software Engineer | TypeScript, React.js, Node.js
Rayan Sharma @rayansharma_14
10 Followers 73 Following
Chanas Alexandros @alexandrosgolf
0 Followers 14 Following
juan andres ardila mo... @juanandres64806
1 Followers 68 Following
Seih Ebrima secka @laddy099
327 Followers 7K Following Blessed are those who wash their robes, for they may have glass on the tree of life and enter the city through the gates
Arthur Paulino Malgar... @MalgarisiAguiar
0 Followers 28 Following
David Zhang @DavidZh26763973
0 Followers 31 Following
khalid @shefa2130
0 Followers 57 Following
shinlamed @DifferentAngleT
1 Followers 28 Following
Andry @kaifaty
0 Followers 5 Following
Mark Fortner @phidias51
694 Followers 1K Following I write software for scientists doing drug discovery and cancer research. Interested in: Java, Micronaut, Web Components, REST, Cancer Biology
Abhay @abhayvashishthh
26 Followers 237 Following HTML5, CSS (Tailwind CSS too), JavaScript, React.js, Firebase, Next Js, MongoDB, SQL
Ilia Chkoidze @ChkoidzeIlia
2 Followers 61 Following
Peter Jackson @PJackson51026
0 Followers 25 Following
Owtham Padmanaban @owthaman
28 Followers 593 Following UX Engineering on Frontend Systems Web. Native... XR... AR...
AJ Burton Pro Web Des... @AJBurtonPro
2 Followers 68 Following
Whiskey Web and Whatn... @whiskeywebfm
11K Followers 3K Following The world’s most important web development & AI podcast. Hosted by top experts: @RobbieWagner and @argyleink
🐽 🐽 @RubberSkinBoy
10K Followers 9K Following #Alpha #Vers #PiGBoss #Leather #Gay #OiNK #OiNKOiNK #kink #pig #hung #ShareYourKink #GetPiGGY #PiGGY #bbbh #NKP #NastyKinkPigs #UnleashURInnerPiG
isladjan @isladjan
53 Followers 53 Following
Abhishek Paul @AbhiDude91
82 Followers 147 Following Hey it's Abhishek. I love Bikes, Tech, dogs, video games. Though bikes and tech doesn't go well, finding a way to bring them together
Crazyones110 @crazyones110
12 Followers 703 Following
Ben Smith @smithbm2316
79 Followers 465 Following Full stack web developer at Thuma. Passionate about accessibility, neovim, and coffee.
CallbackFunction @JSthreadsHater
0 Followers 49 Following
Maria Espino @mgsetler
1 Followers 125 Following
Piotr Kowalczyk @piotrek_web
11 Followers 103 Following Learn with me AI marketing + optimize your conversion rate to increase your💰💰💰
vikram @VikramanR1994
17 Followers 201 Following
Kim Andersen 🇩🇰... @kimandersen
115 Followers 188 Following Product Manager | Atinary Technologies https://t.co/5ADRhazETv
Senthilnathan @vssenthilnathan
8 Followers 202 Following
Dronzer @mGrg1080
0 Followers 66 Following
Fernando Bold @bold_fernando
184 Followers 5K Following AI Generative builder, former Head of Product turned Solo entrepreneur paving the way for sustainable fintech and climate tech at Yello ☀️ ⚡️#StartupsRock
Chris Hartman @chrishrtmn
163 Followers 445 Following
webdevtweets @webdevposts
1 Followers 108 Following
rk @FirstLawThinker
13 Followers 389 Following We must dissent from the indifference. We must dissent from the apathy. We must dissent from the fear.
utkarsh dubey @utkarshdubey058
15 Followers 424 Following
Wes Bos @wesbos
435K Followers 2K Following Fullstack JS Dev ❯ @SyntaxFM ❯ https://t.co/6heZ7gZqg1 ❯ https://t.co/lOo3xh23G1 ❯ https://t.co/XYbxq79WBS ❯ Posts 🔥 Tips
Alex Russell @slightlylate
34K Followers 4K Following This place is not a place of honor. No highly esteemed deed is commemorated here. Noting valued is here...This message is a warning about danger.
Jake Archibald @jaffathecake
107K Followers 2K Following Developer of sorts at @firefox. No thought goes unpublished. He/him. Also jaffathecake on Mastodon, bsky, Threads etc.
Serhii Kulykov 🇺�... @serhiikulykov
866 Followers 219 Following Senior Software Engineer at @vaadin. Creator of https://t.co/X6ih9H4n4A. @OpenWC and @modern_web_dev team member. In Ukrainian: @iamkulykov. Opinions are my own.
Addy Osmani @addyosmani
395K Followers 3K Following Director, @GoogleCloud AI. Gemini ✨ Agents. Prev: Eng. leader, @GoogleChrome • Author • Great user, developer & AI experiences • @GoogleAI @GoogleDeepMind
Sara Soueidan is on B... @SaraSoueidan
118K Followers 0 Following Award-winning Web UI engineer, int'l keynote speaker, author, educator • creator of the Practical Accessibility course: https://t.co/P1LXpp7Uak
Adam Argyle @argyleink
59K Followers 2K Following @Shopify design-engineer; prior @GoogleChrome, @GoogleCloud, CSSWG, and CSS Podcast. Host on @whiskeywebfm, maker of @OpenProps, https://t.co/lb3SDxC6EC and more
Rich Harris @Rich_Harris
95K Followers 2K Following Cheese fan. I work on @sveltejs at @vercel. Mostly posting at https://t.co/1DNxt27Pks
Sarah Drasner @sarah_edo
296K Followers 3K Following Opinions my own Area Tech Lead, AI and Web Ecosystem @chrome, Formerly Sr. Director of Core Infra @google • O'Reilly Author • https://t.co/HhzYWwxYAH
Ryan Carniato @RyanCarniato
56K Followers 484 Following got signals? @solid_js @Sentry 👫@RunningZ98577 🇨🇦
Justin Fagnani @justinfagnani
5K Followers 203 Following Building something new. Web components. @buildWithLit Xoogler. 🕸️ https://t.co/YtUlXHCFRT 🦋 https://t.co/OQbFDExiL7 🐘 https://t.co/2JL9aizKRj
Jason Miller 🦊⚛ @_developit
63K Followers 2K Following Platform DX @Shopify. Created @preactjs. Do more with less. https://t.co/z1d6J24DlE @[email protected]
KΞNNETH ・ ケニ�... @kennethrohde
6K Followers 3K Following 🌍 Principal Engineer, Web Platform Engineering @intel 🇩🇰 🌱 Co-inventor PWA 👷 @ChromiumDev 🌎 @W3CTAG alumni 🐡 Project Fugu 🏆 Google GDE, Microsoft MVP
Lea Verou, PhD @LeaVerou
117K Followers 1K Following Product, web standards, usability • @csswg Invited Expert • @w3ctag alum • CS/HCI PhD @MIT Also: 🐘 @[email protected] • 🦋 @lea.verou.me
Brad Frost @brad_frost
112K Followers 548 Following I'm sad to have to leave, but I have to. You can find and follow me elsewhere: https://t.co/hPY38PkKxR
Chris Heilmann codepo... @codepo8
66K Followers 2K Following The robots are coming and we need to make a great example for them. Author, presenter, A11y lover, Online teacher at Skillshare and LinkedIn Learning
Thomas Allmer @daKmoR
1K Followers 398 Following Believes in the web ♥️ CTO (https://t.co/2miQtltDRk) Founder of @OpenWc (https://t.co/iXd5osdURK) Co Founder of @modern_web_dev (https://t.co/Cg9YCwJgJF) Ex ING (Lion)
Bohunt Horsham @BohuntH
1K Followers 446 Following Bohunt Horsham is a co-educational, all-through school catering for 4-16 year old students across the local area. It opened in September 2019 with a Y7 cohort.
Whiskey Web and Whatn... @whiskeywebfm
11K Followers 3K Following The world’s most important web development & AI podcast. Hosted by top experts: @RobbieWagner and @argyleink
Kim Andersen 🇩🇰... @kimandersen
115 Followers 188 Following Product Manager | Atinary Technologies https://t.co/5ADRhazETv
Kill yourself Elon @schizanon
331 Followers 194 Following If you have a blue check on Twitter I presume that @elonmusk offered to impregnate you with his sperm and you accepted
Dave Gandy @davegandy
6K Followers 1K Following I make @FontAwesome, @WebAwesomer, and other things. YC S15, MIT Course 2, MO, MA alum.
Seb ⚛️ ThisWeekIn... @sebastienlorber
54K Followers 5K Following 🔥 Join 40k devs - Stay up-to-date with React: • 📨 https://t.co/DvLGHeLY5G • @ThisWeekInReact • @docusaurus maintainer • 🇫🇷
Filip Mares @filipmares
2K Followers 1K Following ♥ all things open web, @F1, @NBA and @Raptors #WeTheNorth, 💼🛠️ Engineering @Microsoft365 App Builder at @Microsoft, ⚖ My tweets are my own
Noam Rosenthal 🦋 n... @nomsternom
2K Followers 2K Following Working on the web platform (Chromium, Google, etc). My opinions about AI are AI-generated
Rob Eisenberg @EisenbergEffect
12K Followers 279 Following Executive Engineering Leader | UI Platform Visionary | Web Standards | Open Source | Engineering Culture
Mr_SC @Zelig880
7K Followers 7K Following VP of Delivery, PWA lover, A11y advocate and writer Vue.js for beginners: https://t.co/365BERihW9
Tim Vereecke @TimVereecke
2K Followers 959 Following Loves speeding up websites. Web performance architect @Akamai, also runs https://t.co/mPiq48nQnu and https://t.co/1K6mO9oOGq #WebPerf #PageSpeed #SEO
Joe 👨🏻💻 �... @prettyflyit
103 Followers 928 Following Full Stack Developer 👨💻 | Dad of 3, Husband of 1 👦👦👧👰♀️ | Lover of Web Components, Code Tinkering & Coffee ☕️
Kristján Oddsson @koddsson
924 Followers 1K Following 🦣 @[email protected] 🦋 https://t.co/Nf7kYzRY9e
Šime Vidas (I’m on... @simevidas
4K Followers 353 Following My Mastodon is https://t.co/zkXVWo3gG4. My name is pronounced ˈshe-meh.
robwormald @robwormald
14K Followers 760 Following
Chris Nicholas @ctnicholasdev
5K Followers 879 Following Developer experience @liveblocks • Interactive articles on https://t.co/alFrgXHV7f 🌱
Fabio Biondi @biondifabio
2K Followers 899 Following • FrontEnd Training: Angular | React | Next | JS | TS | RxJS | .. • Google Developer Expert | Angular • https://t.co/c4ufgwcNBD • https://t.co/soIBqxHmAn
Andrew @youcodethings
456 Followers 455 Following he/him. @buildWithLit at Google. Opinions my own. Creator of Riko - a puzzling web game: https://t.co/xs45SRfYO6 Youtube: https://t.co/I6L9nyvJ10
Jeremy Keith @adactio
130K Followers 11 Following My tweets were just copies of my notes on my own website: https://t.co/lWx4rfbBZ4 I now syndicate my notes to https://t.co/eAXxfDVl2b Leave Twitter.
Kevin Lozandier @KevinLozandier
2K Followers 3K Following Senior UX Engineer at Google (Google Ads, formerly AI Transparency & Regulation). My opinions & thoughts shared on Twitter are my own. 🇭🇹
Current status: still... @anotheruiguy
1K Followers 670 Following Principal engineer | Auro Design System (@DesignAuro) | HTML Custom Element and A11y advocate | #shuhari | opinions are my own!
Andre of PWA Pilipina... @itsmeandresito
667 Followers 2K Following Engineering Lead @ The Outsource People. Community Lead @PWAPilipinas. PWA Advocate. Cloud Engineer. Azure Hero. Human Biology Grad. @SiyasatOrg #VoteReportPH
Shoelace @shoelace_style
3K Followers 3 Following A collection of open source, professionally designed UI components built for longevity. Designed by @claviska 🥾LR McLister @lmclister
500 Followers 1K Following Sometimes sleepless, sometimes over caffeinated while working on @CreativeCloud Opinions are my own
Simon Willison @simonw
189K Followers 6K Following Creator @datasetteproj, co-creator Django. PSF board. Hangs out with @natbat. He/Him. Mastodon: https://t.co/t0MrmnJW0K Bsky: https://t.co/OnWIyhX4CH
Thiago Carvalho @thalef_carvalho
819 Followers 3K Following CEO & Founder at @fontossolucoes - FullStack developer
Alex Riviere @fimion
883 Followers 794 Following Developer of Cursed Web Choices / Listening. (he/him) @[email protected]
Hemanth.HM @GNUmanth
4K Followers 2K Following Polyglot, CLI + WEB + FOSS ♥'r EM @paypal Google Developer Expert @TC39 delegate Google LaunchPad Mentor Community Leader @duckduckgo
Raphael Rauwolf @RaphiRau
729 Followers 968 Following Creative Developer. WebGL Enthusiast. Javascript Nerd. 🇦🇹 - 🇩🇪 - 🇳🇴 - 🇩🇰 - 🇸🇪 - 🇺🇸
Andrico Karoulla @AndricoKaroulla
447 Followers 601 Following Creator of: Cali Skills 💪 Handstand Journey 🤸 Component Odyssey 🚢 https://t.co/aCZ8g7KDuM
RoughJS @RoughLib
739 Followers 0 Following Rough.js is a light-weight javascript library that lets you draw in a sketchy, scribbly, hand-drawn-like, style - by @preetster
Zeh Fernando ➡️ �... @zeh
2K Followers 0 Following Programmer of visual things. Moved to https://t.co/OQXDQukD8h / @[email protected]
@heapwolf @heapwolf
5K Followers 350 Following
Jake Verbaten @Raynos
2K Followers 373 Following Staff Software Engineer, Uber alumni, fan of distributed systems, performance optimizations and observability.
Stable State @stablestatecc
2K Followers 0 Following The Stable State Compiler Company • Built for safety, built for speed • Est 2016.
Tonic @tonicframework
139 Followers 7 Following A tiny, low profile component framework • https://t.co/2fv3ukuAKO
Web Components @Web_Components
13K Followers 11 Following A place to discuss and learn about evolving Web Components best practices.
Kevin Schaaf @kevinpschaaf
732 Followers 111 Following Software engineer. A lead on @buildWithLit and web components efforts @Google. @RoseHulman and @INSEAD alum. Husband and father of two kiddos.
Caridy Patiño @caridy
2K Followers 150 Following Computer Scientist. Principal Architect at Salesforce AI Applications Platform. ECMA TC39 Member, Former Editor of ECMA402. Yahoo! Alumni & Former YUI Core Team
Ofer Shaal @shaal
740 Followers 1K Following Senior Front-end Developer | Drupal core maintainer | Co-created Drupal Rector | Created DrupalPod, a full Drupal dev environment in a browser
Kent C. Dodds 🏹 @kentcdodds
320K Followers 450 Following Husband, 6x Dad, Latter-day Saint, Dev, Educator 🏹 https://t.co/bGlNcdW2iJ ⚡️ https://t.co/X8fNGbdL2y 🌌 https://t.co/pPQmnZS6rR 🚀 https://t.co/NYn5aJVGve 🏆 https://t.co/U5KafpJTZp
Joan León 🏞️⚡... @nucliweb
12K Followers 4K Following ⚡️ Web Performance Artisan at @perfreviews_ | @GoogleDevExpert in #WebTech | @cloudinary Ambassador
Irina the nerd 🤓 @IrinaTheNerd
2K Followers 2K Following A front-end witch 💻 Human Torch @BiggerMoviePod 🔥 Speaks in depends, chaos and swearing 💖😎 Partakes in #100DaysOfKindness and #ThirtyDaysOfSpidey


















