Web Component tips by @lamplightdev. Writing a short & sweet summary of the week's #webcomponents news https://xitter.cf/t.co/PeIQLfuLWJ @lamplightdev@mastodon.social
UK
Joined August 2020
- Tweets225
- Following605
- Followers794
- Likes401
Web Component Bytes retweeted
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
Web Component Bytes retweeted
Where Web Components Went Wrong (And How We Can Turn It Around)
space.matthewphillips.info/p…
Web Component Bytes retweeted
📢 VENNY ✨ (not very creative with names)
- Components to draw Venn/Euler diagrams on your web page in HTML
- Style via CSS props
- They are just custom elements so you can attach event handlers and work with frameworks.
pshihn.github.io/venn/
Web Component Bytes retweeted
📢 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-t…
#thread 🧵👇 #webcomponents #webdev
Web Component Bytes retweeted
Why didn't anyone tell me that Safari already implemented the formdata Event? 🤯
developer.mozilla.org/en-US/…
We finally can have form submission integration for custom form elements in all modern browsers 🎉
(This doesn't only apply for web components by the way)
Web Component Bytes retweeted
The Lit team is proud to announce the stable release of Lit 2.0!
We would like to thank the Lit & web communities for all the feedback and support which continue to make Lit a reality!
Learn all about the Lit 2.0 release here:
lit.dev/blog/2021-09-21-anno…
Web Component Bytes retweeted
I wrote a small piece on why we use web component libraries. dev.to/claviska/on-using-web…
Web Component Bytes retweeted
🚨 We are happy to announce Backlight launch today! Open to everyone!
With 3 Design Systems in Web Component on day one:
- 🦁Simba : based on Lion /cc @daKmoR
- 🏎️Furious: based on FAST /cc @EisenbergEffect
- 👟Kicks : based on Shoelace /cc @claviska
Enjoy!
One more thing 👇
🚀 Launch day! 🚀
Backlight is now live on #producthunt!
To mark the date we're offering 50% off Pro licenses, come join the party!
👉producthunt.com/posts/backli…
> Big thanks to the community 🙏 and to @tiboel for hunting us 👍
#designsystem
Web Component Bytes retweeted
👋 Hello! This is a new account for the Web Components Community Group. Learn more about us: w3.org/community/webcomponen…
Web Component Bytes retweeted
If you are interested in #webcomponents, I'll deliver my "Building Reusable JavaScript Web Components" @OReillyMedia workshop again on October - oreilly.com/live-events/buil…
Web Component Bytes retweeted
🆕 New template! #Wafer
#Wafer is "A simple and lightweight base library for building Web Components for use in the browser and on the server"
Library by @lamplightdev
Check it right now! ➡️ webcomponents.dev/edit/sB3ki…
Web Component Bytes retweeted
So @tonicframework looks pretty sweet. I love me some minimalist web stuff (only 350 LOC!!)
1. Built on web components
2. Borrowed a few good react-ism
3. Can be SSR-ed
4. ...
5. Profit??
Oh also, built by friggin' OSS rockstars @Raynos and @heapwolf
tonicframework.dev/
Web Component Bytes retweeted
I've been saying the same for a few years now but browsers have native modules and components. Stuff that does those things in userland is an evolutionary dead end. Even the Rails folks know it.
world.hey.com/dhh/modern-web…
Web Component Bytes retweeted
Looking for feedback on a new feature in LWC that is in Developer Preview. It's an exploration into a world of web components where composition and templating exists but without the need for shadow DOM encapsulation. lwc.dev/guide/light_dom
Web Component Bytes retweeted
Just released github.com/jorenbroekema/dar… , utilities for dark-theme.
Web Components / JS utilities that work everywhere, minimal dependencies (only 1 small one).
Small demo here: codepen.io/Falx/pen/VwbNpXG
Happily using this on multiple of my projects already, now on NPM :)!
Web Component Bytes retweeted
Less than two weeks for my #webcomponents workshop @OReillyMedia - oreilly.com/attend/building-…
Who is joining me?
Web Component Bytes retweeted
The Open Web Components generator now includes the Custom Elements Manifest analyzer. Two good things that go well together 🤗
Give it a try and let us know what you think!
npm.im/@open-wc/create
ALT npm init @open-wc --installDependencies npm && \ npm run analyze
Web Component Bytes retweeted
🎉 We are pleased to present our first Design System starter-kit!
SIMBA
📖 Open-source
🧩 17 Web Components already
🦁 Based on Lion's accessible components
🌚 Dark mode out-of-the-box
😎 Made in Backlight
Check it out👉backlight.dev/edit/5vtJtbY04…
#designsystem #webcomponents
Web Component Bytes retweeted
Web Components work great as isolated improvements to your codebase. Their API is neat and tidy and doesn't require a ""big switch"", as we'll hear from @taybenlor at Code 21
Learn more and register
buff.ly/3jU20Zs
Web Component Bytes retweeted
#WebComponentDevTools has reached 300 active users on Chrome! 🤩
Some nice updates are on their way too!
