@WebComponentsSF

The San Francisco Meetup for WebComponents! Next Meetup: Check in later! YouTube Channel: https://xitter.cf/t.co/0Gur7kIAen

 San Francisco
youtube.com/channel/UCSYEC3E700Mjc1MbrAuIQWg
Joined August 2019
  • Tweets432
  • Following72
  • Followers615
14Media
Replying to @BenDelarre @tomayac @udos86 @Adobe @Photoshop
One option is the Context API defined by the community protocol, details here: github.com/webcomponents-cg/… There's an implementation of that coming soon for lit which I have helped develop. Another state management solution we use a lot at Adobe is lit-mobx: npmjs.com/package/@adobe/lit…

community-protocols/proposals/context.md at main · webcomponents-cg/community-protocols

Cross-component coordination protocols. Contribute to webcomponents-cg/community-protocols development by creating an account on GitHub.

github.com
1
5
11
Web Components SF retweeted
Michael Hoffmann@Mokkapps8 Apr 2022
📕 Use Web Components in Vue 2 and 3 + Composition API 👉🏻 This post will go over how to incorporate a Web Component into a Vue application. 👉🏻 Examples will include Vue versions 2 and 3, plus the Composition API. codeburst.io/use-web-compone…

Use Web Components in Vue 2 and 3 + Composition API

This post will go over how to incorporate a Web Component into a Vue application. Examples will include Vue versions 2 and 3, plus the…

codeburst.io
2
3
Had some news on an internal web components related thing today. 3 years of effort working against the stream, finally knocking the last domino over and the path is now clear for a web components powered future at Adobe! Got that "I love it when a plan comes together" feeling!
4
7
1
99
Web Components SF retweeted
Lit@buildWithLit14 Mar 2022
Constructable Stylesheets are a new browser feature that Lit uses to render your styles, but what do they do? 🔎 Improve style loading control 🏎 Render blazing fast ⬇️ Dedupe style bytes 📦 Ready you for native CSS imports The best part for Lit users? You get it for free 🤯
3
31
5
129
Web Components SF retweeted
DevoxxUK@DevoxxUK16 Mar 2022
If building modern web apps with full-stack type safety interests you, then miss this talk by @marcushellberg. Sharing how to build a modern, reactive, web app in TypeScript. Using Spring Boot & Google's Lit library & connecting them. devoxx.co.uk/talk/?id=5276
2
1
3
Web Components SF retweeted
Stencil@stenciljs7 Mar 2022
🐛🪰 It’s bug squashing season for the Stencil team! Stencil v2.14.1 is now available and includes lots of bug fixes from tree shaking to prop types to test file names. Check it out! blog.ionicframework.com/anno…

Announcing Stencil v2.14.1

Today, we’re excited to release Stencil v2.14.1. This new patch release includes a number of bug fixes that we hope you’ll enjoy.

ionic.io
6
19
Web Components SF retweeted
Beaumont@mpsslh11 Feb 2022
Interesting thing learnt about wordle from Syntax podcast. it's entirely frontend using WebComponents, ~200kb package size, aws hosting cost is around $100 per month
2
3
Web Components SF retweeted
Tracy Lee | ladyleet
@ladyleet9 Feb 2022
What are you using to build web components?
59
6
1
53
Web Components SF retweeted
David Dal Busco@daviddalbusco9 Feb 2022
📢 Announcing Stylo - A new interactive rich text editor for the web 💪 Customizable 😎 Framework agnostic 🪶 Lightweight (30kb gzipped, 0 runtime deps) 🚀 Future Proof ⭐️ Open Source (MIT) stylojs.com/

Stylo

Another kind of rich text editor

stylojs.com
10
22
4
157
Web Components SF retweeted
Brad Frost
@brad_frost8 Feb 2022
✎ The client-side nature of web components has long made my progressive-enhancement-schooled self super uncomfortable. So I'm super excited to see efforts like this from @eleven_ty + @buildWithLit to server-render web components: bradfrost.com/blog/link/elev…

Eleventy + Lit

I'm Brad Frost, an independent creator, web designer & developer, teacher, speaker, writer, musician, and artist based in Pittsburgh, PA.

bradfrost.com
3
15
79
Web Components SF retweeted
Daniel Glazman@glazou8 Feb 2022
Shadow DOM, Web Components, WebExtensions and how @dashlane is leading on that front. With bits of yours truly inside. blog.dashlane.com/shadow-dom…
3
6
Web Components SF retweeted
Elliott Marquez@techytacos8 Feb 2022
"Shadow DOM makes styling harder for no benefit" Shadow DOM allows the author to create a native API for their component's CSS. Cory's gone over this quite a lot but some stuff I'd like to stress:
Cory LaViska
@claviska5 Feb 2022
Replying to @claviska
It fascinates me how we embrace the rigidity of TypeScript but, at the same time, we expect component styles to be a free for all.
3
4
3
28
Web Components SF retweeted
Lit@buildWithLit7 Feb 2022
📣 New: Render web components in 11ty! A new experimental Lit Labs plugin for @eleven_ty lets you render your Lit components to static HTML and hydrate them into fully-functional web components on the client. Give it a try: goo.gle/333EQvs
8
71
5
243
Web Components SF retweeted
Cory LaViska
@claviska5 Feb 2022
“The platform has finally given us a tool to solve [encapsulation], so it's worth taking the time to learn and understand it. Once you do, I'm certain you'll embrace it!” dev.to/claviska/a-web-compon…

A Web Components Primer

On the eve of February, I was inspired to tweet about web components. What started as a simple...

dev.to
2
15
1
40
This is the most unique design system I've ever seen!! - web components instead of React - data-attributes instead of props - styles driven through native CSS and custom property design tokens - JS only used when absolutely necessary 🤯🤯🤯
Reony@megaroeny3 Feb 2022
The state of California has its own design system?! Holy cow, I love it. Also, this doesn't surprise me that CA did this. 😄 designsystem.webstandards.ca…

California Design System

Shared digital infrastructure for California state agencies to build accessible, consistent services.

designsystem.ca.gov
1
2
5
Web Components SF retweeted
Cory LaViska
@claviska1 Feb 2022
Shadow DOM? Light DOM? Slots? If you’ve heard of these but aren’t sure what they are, maybe this will clear things up! 👇 – at New Hampshire, USA
3
45
16
169
Web Components SF retweeted
Westbrook@WestbrookJ1 Feb 2022
Replying to @claviska
Funner and fact-ier... 🤔 at @Adobe we're actively expanding our use of @buildWithLit and Spectrum Web Components to more app surfaces; not just Photoshop, but Illustrator, Canvas, Express, and more! Sound exciting? Here's a new role you might check out: adobe.wd5.myworkdayjobs.com/…
7
24
Web Components SF retweeted
Cory Rylan@coryrylan31 Jan 2022
How does @VMware drive consistent UX/Design in enterprise apps? By using #WebComponents to power the @VMwareClarity #DesignSystem we have 24+ UI integration examples using only one implementation! cds.wtf/
2
16
Web Components SF retweeted
Justin Fagnani@justinfagnani27 Jan 2022
Not quite sure what I think the coolest use of web components to date is: 📺 YouTube 🚀 Space X Dragon Capsule 🦊 Firefox's UI 🖼️ Photoshop 📰 Reddit or... 🟩 Wordle
1
8
65
Web Components SF retweeted
Lit@buildWithLit28 Jan 2022
Read more about component composition including what makes a good component, data exchange, and child nodes here ↓ lit.dev/docs/composition/com…
1
10
Load more