Web components worked well for what we were doing 5 years ago. Back then, we had millions of pages on IBM.com while we migrated from an old design system to Carbon. The masthead as a web component helped bring in the masthead globally with gradual migration of pages still on the old design system.
Cross posting from LinkedIn, my team is growing and we're building a new team in Dublin, Ireland! If you or someone you know is interested, hit up the job links!
#hiring
www.linkedin.com/posts/jeffch...
I'd like an invite, our team is hiring and would be happy to share there too.
Maybe they open sourced VS Code just so they don't have to pay for GitHub Action runners. Oh wait...
Thank you for the shout out!
if lack of a server-side rendering story is what’s held you back from web components, give them a second look
React v19, now with Web Component support!
Creating and managing React wrappers for our clients' design systems has long been a pain in the ass. This is very welcome step in the right direction. bradfrost.com/blog/link/re...
I just noticed today that the Disney+ video player is build with @lit.dev!
Tis the season!
Incredible read! Thank you for taking the time to write and share this, @infrequently.org !
One of the best things about Thanksgiving is leftovers. How often do I get to eat a turkey mushroom omelette for breakfast?
One thing we are super fortunate about is that even Arvind knows about Carbon Design System and the value it brings to IBM. But it took awhile for us to get here!
Our team delivers to hundreds of teams across IBM, and the way we organized ourselves revolves around treating ourselves like a product. We finally put pen to paper and published our POV on our product development lifecycle, and our definition of done.
carbondesignsystem.com/contributing...
Great playback, and excited to hear about your journey with web components! At IBM, we are having our own journey where we as a team are consolidating to just supporting React and Web Components. The other framework flavors are still around, but are supported by the community.
Figma somehow hijacked my calendar!
Love your blog posts! The first one I read is about design system ecosystems where you mentioned Carbon!
Thanks for the shout-out about Carbon Design System, @scottjehl.com !
#webcomponents
// simple-greeting.ts import {html, css, LitElement} from 'lit'; import {customElement, property} from 'lit/decorators.js'; import type { PropertyValues } from 'lit'; @customElement('simple-greeting') export class SimpleGreeting extends LitElement { @property() name = 'Somebody'; // BEFORE // updated(changedProperties: Map<string, unknown>) { // if (changedProperties.has('name')) { // // works but any key is valid // } // } // AFTER updated(changedProperties: PropertyValues<this>) { if (changedProperties.has('name')) { // works and tells you if a key is incorrect! } } render() { return html`<p>Hello, ${this.name}!</p>`; } }
How did I not know about this in @lit.dev
TL;DR – you can use `PropertyValues` to get strongly typed maps in lifecycle methods. 🤩
Very excited for this! I have had my eye on this proposal for awhile as well. We will certainly find practical uses for this at IBM!
Super excited for this one! For our particular use case at IBM, having versioned scoped elements would be useful to us! We're also starting to see local design systems based on web components so then having their own scope would be incredibly useful.
Hi, thank you for putting this starter pack together! I'm on the Carbon Design System from IBM 😁
What gif pops up when you type your name?
So in the last month, Trump won the election and Mike Tyson lost to a YouTuber. Anything else on the 2024 bingo card I should prepare for?
Meme with side by side pictures of Marco Rubio and RFK, Jr, labeled “Marco” and “Polio.”
Who made this? Ahahaha
So...are we now living in the prequel to Idiocracy?
Hello World!
