Pikagi
Rob Eisenberg Profile Banner
Rob Eisenberg Profile
Rob Eisenberg

@EisenbergEffect

12,367
Followers
268
Following
28
Media
1,314
Statuses

Chief Software Architect focused on Web Standards, UI Architecture & Engineering Culture. Former Technical Fellow, Principal Architect & VP-level tech lead.

https://t.co/xB0OGiM7HM
Joined February 2009
Don't wanna be here? Send us removal request.
Pinned Tweet
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
6 months
After months of work, the Web Component Engineering course is now live! 🎊 You can read the announcement here: I've extended the presale discount through the end of the day today. So, for just a few more hours, you can use code EARLYBIRD to save $100 at…
Tweet card media
The Web Component Engineering Course is Live!

Today, I’m excited to announce that after months of work, my Web Component Engineering course is now live! 🎊

eisenbergeffect.medium.com
3
21
61
Last Seen Profiles
まる

@wanwantyyy1

Yoav Mark Belotsercovsky

@MarkYoav

Gran Estación CC

@GranEstacionCC

Alexandra Nelson

@NelsonLabUCSF

0om & Tante wanna Brondong

@WIFEneedPijat

Harden's Guides

@HardensBites

Justin Walters

@JustinWaltersTV

24kGoldn

@24kGoldn

HUMANKIND

@humankindgame

Ruşen Karakaya

@rusenkarakaya

🇮🇹 RadioRoma

@RadioRoma_

Jesus López

@jlopezalo

単複馬券師さとう

@yosu_tampuku

Tyler Alterman

@TylerAlterman

be_do_pies

@Martyn878107

Tomisin_graphy

@faktosin

فدائي السيد

@Houthi_master

Tante Molotov ᶜ ᵃ ⁿ ⁿ ᵃ ⁴ ² ⁰💭

@brokkolisseur

THIS IS A PLACEHOLDER

@CLGRed

cansuakın

@cansuaknd

n o o s h k i e

@nooshkapoor

vαl🌷🌎☀️ COMMISSIONS OPEN

@sakuval46

St. Luke's Hospital

@StLukesSTL

Freewheelin' Bikes

@FWCBikes

Sussy Noah🔞

@discountnoah

Little Miami Brewing

@littlemiamibrew

eunwoo loml

@bieunu

BuzZ Basket

@theBuzZBasket

La grotte de Juju (semi-hiatus)

@LagrottedeJuju

Mamta Bishnoi

@mamta_bishnoi29

SEC Shorts

@SECShorts

Prof Sheena Cruickshank (she/her)

@sheencr

Connor McCormick

@connormcmk

Return of the Shelf

@ROTS1882

Alister

@SchnockRevue

Sin

@Sinderella_SC

@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
7 months
FUD: Web components suck! No one is using them! But is that true? Google: Our annual $35 billion revenue YouTube product is built on Web Components. Microsoft: We converted our entire content platform from React SSR to Web Components which doubled the perf. We finally crossed…
41
112
447
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
10 months
If your CSS classes look like this: bg-white or this text-black or heavens to Murgatroyd this: bg-[ #bada55 ] Look closely. You aren't really using CSS. You are using an obfuscated form of inline styles, placed in the class attribute.
144
30
351
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
3 months
Yes!!! Declarative Shadow DOM (DSD) is now supported in every major browser! Congrats @firefox on the latest release!
Tweet card media
Firefox 123.0, See All New Features, Updates and Fixes
www.mozilla.org
4
60
256
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 year
It was "Microservices! Microservices! Microservices!" Now it's "Monolith! Monolith! Monolith!" After 20yrs, my message is still: First understand the problem, then think about solutions. Iterate on an architecture that aligns w/ the solution. Build expecting things to change.
6
41
208
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 month
Achievement Unlocked! Signals advance to Stage 1 in TC39. Big thanks to @JatinRamanathan , @littledan , and @wycats for presenting today. Lots more work to do during Stage 1, but we're now officially under consideration.
6
40
212
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
4 months
@housecor I'd call this a React habit, because if you do this in vanilla JS, it may not work correctly. Behind the scenes, React is binding the function to "this" for you. That's React-specific behavior. When I've had to train JS devs in the past who started with React rather than…
9
1
178
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
11 months
@kentcdodds 20yrs of experience working in dozens of industries on both frontend and backend, across multiple platforms, with heavy performance focus, including situations where even 1ms change was critical, leads me to avoid such generalizations. Never make assumptions. Always profile.
4
9
165
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
If you had a small and simple domain, and a relatively small number of concurrent users you needed to support, you would probably expect to have a relatively simple architecture, with only a few moving parts, and not that many dependencies. If you had a large and complex domain,…
11
42
158
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
3 months
@claviska If I had to pin it down to only one thing, it would be culture. There is a perfect storm of several factors that has caused the rapid descent over the last 10 or so years. Here are a few recurring themes I've seen as a consultant, trainer, and engineering leader during that time:…
12
29
136
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
We just wrapped up some great Web Component meetings at W3C TPAC this year! There were five dedicated sessions on related topics, with excellent implementor engagement across the board. A few highlights include: * Firefox intends to ship Declarative Shadow DOM very soon! 🎊 *…
6
36
137
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
7 months
Woohoo! Today, I'm announcing the Web Component Engineering course presale! Please help spread the word 😁 You can read about it on my blog here: Or check out the course page, video intro, Q&A, and full course outline here: …
Tweet card media
Web Component Engineering

A comprehensive front-end engineering course focused on Web Components and modern Web Standards.

bluespire.com
11
46
134
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
10 months
After careful consideration and at the request of several followers, I've decided to open my blog to non-Medium members so that anyone can read my posts without an account. My hope is that this will help distribute information better and create more learning opportunities for the…
3
21
134
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 month
For those interested in the TC39 Signals Proposal, here's a blog post I put together for you.
Tweet card media
A TC39 Proposal for Signals

A v0 draft of the signals proposal, including a polyfill, is now available.

eisenbergeffect.medium.com
1
56
134
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 month
Now that signals is at Stage 1, the proposal repo has moved under the tc39 organization on GitHub. You can find it here:
Tweet card media
GitHub - tc39/proposal-signals: A proposal to add signals to JavaScript.

A proposal to add signals to JavaScript. Contribute to tc39/proposal-signals development by creating an account on GitHub.

github.com
5
18
129
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
4 months
Very nice example of using Shadow DOM outside of a Web Component to implement fully declarative (no JS) out-of-order HTML streaming. Declarative Shadow DOM (DSD) and other related standards enable tons of new possibilities without needing proprietary frameworks or even JS.…
@passle_
Passle
@passle_
4 months
Cool, out-of-order streaming without using JS to swap out content, but instead using DSD. Pretty nice. (the script tag in there is the sw registration)
6
22
140
5
19
118
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 year
@housecor My recommendation is that rather than deciding an architecture based on team structure, figure out what architecture is best for the product and then align the team structure to that. Consider checking out "Team Topologies" by Skelton, Pais, and Malan.
Tweet card media
Team Topologies: Organizing Business and Technology Teams for Fast Flow

Team Topologies: Organizing Business and Technology Teams for Fast Flow

www.amazon.com
1
7
119
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 year
I've talked much about Web Components lately, focusing on the v1 specs supported by 2020. But since then, the number of WC features has nearly doubled! In this post I cover the broader landscape of standards past, present & future.
Tweet media one
5
37
117
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
7 months
@housecor After 20 years as a professional engineer/architect, most of them spent consulting, I am no longer shocked at all by the needless complexity that people introduce into their systems.
4
4
115
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
3 months
Finally got around to reading up a bit on React Server Components (RSC) today... Pretty funny stuff. I mean, this is a joke, right? People aren't actually generating HTML on the server, converting that to JSON, sending that to the client, deserializing the JSON back to HTML...
17
10
114
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
7 months
@shanselman ‘Those who do not learn history are doomed to repeat it.’
2
6
94
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
@davidfowl Ironically, this is what many graphql implementations do as well. It's just in the middle tier instead of the UI. Seems folks are under the impression that graphql magically solves this. The way it's often implemented though, people just sweep the dirt under a different rug.
11
5
84
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
9 months
My most recent blog post was about HTML and the DOM as they exist today. But this week's post is about new W3C proposals and browser prototypes for the future of HTML. This will be game changing. "The Future of Native HTML Templating and Data Binding"
Tweet card media
The Future of Native HTML Templating and Data Binding

Current work happening in W3C Community Groups and with browser vendors to see if we can bring native templating and binding to HTML…

eisenbergeffect.medium.com
5
30
82
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
9 months
I just finished the slides, notes, and demos for module 8 of my upcoming Web Component Engineering course. Module 8 is about "Designing for Accessibility". It turned out to be 18 lessons, which I hope will provide a solid foundation for UI Engineers and Frontend devs. Check out…
Tweet media one
5
12
80
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 year
@addyosmani @LeaVerou Those are indeed common problems. However, at Microsoft we also did a lot of measuring and found *significant* negative impact coming from either React directly or how it forced developers to work with the browser. Enough for hundreds of teams to migrate away. #webcomponents
3
11
77
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
9 months
YES! Finished writing module 9 of my upcoming Web Components Engineering course focused on the modern Web Platform. This module, titled "integrating with Forms," has 23 lessons covering form association, submission, validation, reset, state restore, focus, styling, and more.
Tweet media one
10
9
75
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
165! That's the number of lessons planned for my upcoming Web Component Engineering course. I spent this week doing a final review and edit pass on the entire course. The screenshot below shows the full course module list. Next week we begin video production. 😀
Tweet media one
5
7
67
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
9 months
TypeScript just hit a big milestone with 5.2. Two features I've been looking forward to for a long time... * Decorator Metadata * Using/Disposable (Finally, after almost 9 years of work, we've got decorators AND metadata. Congrats!!!🎊)
@typescript
TypeScript
@typescript
9 months
The Release Candidate of TypeScript 5.2 is now out to try! Test it out and let us know if you run into any issues!
5
143
667
3
9
66
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
10 months
Understanding HTML is important for all web creators. So, I wanted to put together at least one general article on the topic. It's part explanation, part reference, and has a few bonus tidbits tossed in. I hope you find it helpful! #HTML #webdevelopment
Tweet card media
A Few DOM Reminders

A review of a few fundamentals we all should know about HTML and the DOM.

eisenbergeffect.medium.com
7
19
65
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
10 months
When I conduct front-end web technical interviews, I typically avoid asking lots of framework-specific questions. Instead, I focus on the Web Platform, general analysis and problem-solving skills, performance, accessibility, etc. If I'm asking framework-specific questions, then…
1
7
59
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
In my upcoming Web Components Engineering course, we're going to build our own mini library for Web Components about halfway through the course. Towards the end of the course, I'm going to show how to integrate that with a super small, high performance Signals library.
4
5
57
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
Instead of focusing on becoming a "recognized expert," focus on being the best you can be. You can't achieve that by spending all your time on social media. That will make you good at social media, but not at engineering, architecture, or design. In the end, you have to put in…
3
11
57
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
5 months
If you are testing front-end code, my recommended setup today is to use Web Test Runner for unit tests and Playwright for e2e tests. You can configure Web Test Runner to use Playwright, and you can also configure Playwright to run tests against Storybook stories, providing a nice…
1
10
56
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
9 months
@sarah_edo We're getting together an effort to explore adding signals to JS. I'd love Angular to be involved.
4
10
52
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
7 months
YES!!! I just finished the final recordings for the Web Component Engineering course! All 13 modules with over 170 videos are now recorded. The first 9 modules are fully edited as well. Over the coming weeks I'll finish the editing along with the final details of the learning…
2
6
50
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 month
I failed in my attempt to resist the open-source urge. Well, technically I haven't failed yet; the repo isn't public. In any case, I built a thing I'm pretty excited about. It needs more work still. We'll see how that goes over the coming months. That's all I can say for now.
9
1
49
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
9 months
If you find yourself regularly creating reusable UI components, I hope today's blog post, "Writing Component Specs," will give you a few ideas to help you in that process. #webdevelopment #components #webcomponents #frontend #agile #softwaredevelopment
Tweet card media
Writing Component Specs

Building reusable UI components is a challenging endeavor. A well-defined spec template and process can help.

eisenbergeffect.medium.com
1
11
48
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
The new W3C Web Sustainability Guidelines (WSG) 1.0 are out! A quick summary WRT components and sustainability can be stated as: 1. Use the native Web Platform components as much as possible. 2. When custom components are needed, prefer Web Components…
1
16
46
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
3 months
Notable for my readers is the fact that Microsoft's Copilot UI was built with Web Components, using .
FAST
www.fast.design
@davidfowl
David Fowler
@davidfowl
3 months
Read about how Microsoft Copilot was built with SignalR and other open-source tools! #dotnet #copilot #signalr
18
89
446
2
10
45
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
2 months
Please take a few seconds to think about this before proclaiming that it's stupid. What would happen if every user agent made the h1 style exactly the same? How would that work out on a big screen TV vs. a wristwatch? By default, the web would be unusable on one or the other.…
@kentcdodds
Kent C. Dodds 🌌
@kentcdodds
2 months
To me it's just evidence of the fact there's no central authority for the web. A native OS can deprecate and remove or break features with major versions, but the web can't do this. As a result we have stupid things like this, but I'm willing to put up with it for the freedom.
13
3
220
0
6
43
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
4 months
@wycats Love the way folks in tech have to treat everything like it's a zero-sum game: * Such and such is dead! * Such and such has won! * Such and such is the thingamabob killer! We do try to learn from the past and make things better over time (JS frameworks being the obvious…
6
1
41
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
7 months
@dabit3 @brianleroux Both FAST and Lit have solutions for these. 11ty does as well. I couldn't say whether those meet your particular requirements or not, but there are general solutions that have been actively used for quite some time now. But you don't need a framework to do this necessarily.…
4
0
41
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
Photoshop for Web, built with Web Components, has officially launched! 🎊 PS - If you're interested in learning about how to use Web Standards to build Web Components, design systems, and apps, keep a look out for my Web Component Engineering course, presale launching next week!
@sethshaw
Seth
@sethshaw
8 months
We officially launched Photoshop on the web yesterday. Check it out at #photoshop
Tweet media one
106
485
3K
2
8
41
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
10 months
Classes like this... lg:[&:nth-child(3)]:hover:underline and this... bg-[url('/what_a_rush.png')] and this... before:content-['hello\_world'] ...what in the world is this? These are really obfuscated inline styles. This is wild.
16
0
40
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 month
Happy Easter! This Easter is one that will stand out among all my days. I began the weekend by attending my church's Good Friday service with my family. The music was beautiful and helped my heart once again attempt to grasp the depth of God's love in Christ on the cross. On…
7
0
41
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
6 months
It appears that Firefox shipped ElementInternals ARIA (ARIA Reflection) just a couple of weeks ago. That means that we've now got support for this API across all browsers. Learn more about Element Internals and ARIA Reflection in my Web Components…
Tweet card media
Firefox 119.0, See All New Features, Updates and Fixes
www.mozilla.org
0
14
41
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
A critical discipline of web development is staying connected with the evolution of the Web Platform. It's always improving, and some changes can have massive implications. (Building sites in 2023 based on 2013 browsers is not a great approach, though surprisingly common.)
2
11
39
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
@kentcdodds @ThePrimeagen JSX *is* a DSL though. While it may seem unlimited WRT JavaScript, it is limited WRT to HTML. You can't properly represent native HTML features like boolean attributes, for example. These types of limitations around HTML are one of the causes of the bifurcation that has happened…
4
0
39
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
10 months
I hit a solid milestone today. 🎊 I completed the writing for the fifth module of my upcoming standards-based front-end engineering course. That's 49 lessons so far.
3
2
39
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 year
Woohoo!. The basic prototype of scoped custom element registries is now in Chrome Canary behind the experimental web platform features flag (about:flags/ #enable -experimental-web-platform-features).
Tweet card media
Scoped Custom Element Registries · Issue #716 · WICG/webcomponents

Since #488 is closed, I thought I'd open up a new issue to discuss a relatively specific proposal I have for Scoped Custom Element Registries. Scoped Custom Element Definitions Overview Scoped ...

github.com
1
16
39
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 year
Interested in Web Components? Check out my latest blog. This is a re-publication & expansion of a section from a prior post. Since then, I discovered more erroneous info I wanted to correct. I'll continue to update this new article going forward.
Tweet card media
Debunking Web Component Myths and Misconceptions

A re-publication and expansion of some previous content on the subject. This post adds more corrections and will be continually updated.

link.medium.com
3
20
38
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
4 months
Last week the W3C Web Components CG had a series of meetings to discuss top requests from TPAC and the community. Discussion covered DSD, Scoped Element Registries, ARIA, Styling, and more. Read my "Web Components 2024 Winter Update" to get the details.
Tweet card media
Web Components 2024 Winter Update

Results of the W3C Web Components Community Group Winter F2F Meetings

eisenbergeffect.medium.com
3
10
38
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
I finished recording and editing the videos for the first module of my Web Component Engineering course today. There were a few hiccups but overall, I feel pretty good about the turnout of day 1 of recording.
3
0
36
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
3 months
People think RSC is serious and that @htmx_org is a joke...
4
3
36
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 year
A few weeks back, a twitter conversation on JavaScript proxies reminded me that I needed to write an article that both explained the language feature and some of its pitfalls. I hope you all enjoy "The Prickly Case of JavaScript Proxies".
Tweet card media
The Prickly Case of JavaScript Proxies

Exploring JavaScript proxies, including their challenges.

eisenbergeffect.medium.com
3
10
35
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
@kibertoad It was Apple that actually organized most of the breakouts. I am happy to say that they are heavily involved.
0
1
35
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
10 months
"The right tool for the job" really can't be stressed enough. An overwhelming majority of my experiences as a consultant over the years has involved rescuing companies where the eng org picked tech or architecture that didn't align with the problem they were trying to solve.…
5
6
35
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
9 months
This week, I'm working on the content for the "Designing for Accessibility" module of my upcoming Web Components Engineering course. This is module 8 of 13 currently planned. I'm doing what I can to make it the most comprehensive frontend engineering masterclass available.
2
3
33
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
6 months
Congrats to my Web Component Engineering students! Since the course launched last Tuesday you all have collectively completed over 1,100 lessons on Web Standards! Keep up the awesome work!
Tweet card media
Web Component Engineering

A comprehensive front-end engineering course focused on Web Components and modern Web Standards.

bluespire.com
0
7
35
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
2 months
Woohoo! Custom states for custom elements will be available in all major browsers in April! For more information, check out my Web Component Engineering course:
Tweet card media
Web Component Engineering

A comprehensive front-end engineering course focused on Web Components and modern Web Standards.

bluespire.com
@intenttoship
Intent To Ship
@intenttoship
2 months
Gecko: Intent to Ship: CustomStateSet
0
2
14
0
6
32
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
9 months
@florinpop1705 Learn the platform first: HTML, CSS, and JavaScript. If you have a strong foundation, you can rapidly pick up any framework that the job requires. And when that framework inevitably comes up short and doesn't do what you need it to, you have the skills and experience to adapt.
1
1
32
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
23 days
@ThePrimeagen ternaries ? ken : adam
0
0
33
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 year
A couple weeks ago, members of the W3C WCCG met face-to-face to discuss new Web Component standards and platform improvements. A wide variety of topics were discussed. In this post, I walk through the topics and their outcomes. #W3C #HTML #CSS #webdev
Tweet card media
Web Components 2023 Spring Update

A walk through the topics discussed at the W3C 2023 Spring Web Components event.

eisenbergeffect.medium.com
2
9
33
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
I just finished recording module 8 of my upcoming course. That's 19 lessons on the topic of accessibility. I cover various accessibility features throughout the course but felt that a dedicated content module on the subject was also needed. Even so, it only scratches the surface,…
1
2
32
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
7 months
@passle_ We are working on a Signals proposal for tc39. I believe we have leaders from every major JS framework involved. So, I'm hopeful that this will be addressed.
1
2
33
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
6 months
The Web Component Engineering course launches tomorrow! Time is running out to get in on the launch pre-sale. I won't be offering a discount this large in the future, so don't miss out. Use code EARLYBIRD at checkout to save $100.
Tweet card media
Web Component Engineering

A comprehensive front-end engineering course focused on Web Components and modern Web Standards.

bluespire.com
0
9
30
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
6 months
One of the cool things about having my own content platform for delivering training is that I can implement all sorts of features and continue to improve the content experience over time. Today I added browser support info to every lesson that introduces a new Web Platform API.…
Tweet media one
2
0
32
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
9 months
While I haven't used Ember on a project, I've always appreciated Ember's standards-mindful approach and the thoughtfulness and vision of its leadership. This tweet shares a good example of how conscientious technical decision-making can have a big impact on a community. Please…
@ThisButEmber
This, but Ember
@ThisButEmber
10 months
Ember has a smaller ecosystem but contrary to React, any JS library can be used natively in Ember. That makes the Ember ecosystem pretty huge! You want charts? Install ChartJS using their official documentation, no need for a wrapper component :))
Tweet media one
0
5
27
1
5
31
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
11 months
@housecor Before jumping to something like module federation via a tool like Webpack, I would recommend exploring what can be done with standards. Combining ESM and import maps with a well-designed shell architecture, you can build about anything. No need for complex tools or dependencies.
3
2
31
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
9 days
Just wrapped up a great set of meetings today in our quarterly Web Components CG f2f. Topics covered: * Scoped Element Registries * ARIA Reference Target * Open Stylable Shadow Roots * DOM Scheduler API * Declarative Custom Elements * HTML Modules
0
7
30
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
23 days
I've built a few design systems using Web Components and made plenty of mistakes along the way. So, when creating the course, I wanted to not only teach the mechanics of the standards, but also provide guidance based on what I learned over the years.
Tweet card media
Web Component Engineering

A comprehensive front-end engineering course focused on Web Components and modern Web Standards.

bluespire.com
@PaulHMason
Paul Mason
@PaulHMason
24 days
@Mandy_Kerr Nothing huge, but there's a ton of stuff in @EisenbergEffect 's Web Component Engineering course that's invaluable. Basically, use native web components so that it works everywhere and go through the course first.
0
0
6
2
3
30
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 year
Which version do you find easier to read?
Tweet media one
37
7
28
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
10 months
@jessephelps @housecor It's less often talked about, but refactoring to dry out code too early in the overall process can create all sorts of problems, not the least of which is a buildup of the wrong fundamental abstractions in a given system. It takes a good bit of experience to find the balance.
1
0
30
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
7 months
I'm humbled by the support you all have given the Web Component Engineering course. The first 24 hours of the presale were awesome. Huge thanks to my first subscribers! Stay tuned for PPP info and course previews on YouTube in the coming weeks. Infant…
Tweet card media
Web Component Engineering

A comprehensive front-end engineering course focused on Web Components and modern Web Standards.

www.bluespire.com
4
5
30
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 year
Two decades in tech leadership & consulting in dozens of industries has blessed/cursed me w/ seeing wide-spread eng. health issues and the oft devastating after-effects. I finally put down some thoughts on one of the problems. #cloud #AI #web #decisions
Tweet card media
The Industrial Hammer Complex

Marketing, Hype, and Making Decisions

eisenbergeffect.medium.com
1
8
28
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 month
Big blog post coming out soon. No, it's not related to my former comment on open source I've been cooking up. Yes, it's related to the signals standardization effort folks have been asking about. Thanks for your patience!
2
3
29
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
11 months
I don't like build tools & configs. So, when a recent project turned a corner and I could no longer delay this decision, I wasn't excited. However, I got a pleasant surprise. I share a bit of the experience & provide a short tutorial in my latest blog.
Tweet card media
An ESBuild Setup for TypeScript

Exploring modern JS bundlers and configuring ESBuild with TypeScript.

eisenbergeffect.medium.com
2
9
29
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
10 months
Always be sure to properly attribute the open-source projects you use. It's often required by the license but is minimally a common courtesy. Personally, I like to attribute even when my code is inspired by someone else's work, regardless of whether I use any of their code.
2
2
28
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
11 months
This morning I overheard one of my pastors say "Jesus loves you. Jesus died for you." As a Christian, I've believed & clung to this truth for many years. However, this morning those words hit so hard it was palpable. Thank you, God, for your love and forgiveness.
5
0
28
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
3 months
@AndyJessop33500 Whew. I am so relieved. For a minute, I thought we had a real problem. 🤣
0
0
28
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
@davidfowl Whenever I had a new person join my team, I would provide them with an onboarding guide that was customized to them, based on a standard template I had for the team. I would then ask that new team member to help improve that guide as one of their first jobs, based on their first…
2
1
26
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 year
Quick summary of what the new spec would enable in a Web Component context (of course, you can also use the same technique with adopted stylesheets on the document).
Tweet media one
Tweet media two
2
5
27
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
6 months
The Navigation API is one of the cool new APIs we explore in the "Applications" module of my Web Component Engineering course where we build our own Web Component oriented router. That along with the URLPattern standard and a bit of View Transitions does a pretty amazing job with…
@dannymoerkerke
Danny Moerkerke
@dannymoerkerke
6 months
The Navigation API has been added to Safari Tech Preview 183. As often with new features in Safari TP, the object is present but it's not functional yet 🫤 Activate it in Features Flags
Tweet media one
4
3
37
1
6
28
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
3 months
This week, I cover some techniques for using global styles in Shadow DOM. VanillaJS. FAST. Lit. DSD. It's very simple. Shout out to @briankardell and his half-light library. Check it out & provide feedback to help shape the web.
Tweet card media
Using Global Styles in Shadow DOM

Exploring techniques for VanillaJS, FAST, Lit, and DSD.

eisenbergeffect.medium.com
3
10
28
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
11 months
Woohoo! Congrats! I'll be upgrading today and giving the new decorator metadata a whirl. Very exciting!
@typescript
TypeScript
@typescript
11 months
We just released TypeScript 5.2 Beta! Check out - 'using' Declarations - Decorator Metadata - Easier Tuple Type Notation - The "Inline Variable" Refactoring - Comma Completions in Object Literals and more! Try it today!
14
208
715
4
2
27
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 month
Some great collaboration, discussion, and contributions already happening on the new signals proposal repo.
4
1
27
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
For those interested in design systems with Web Components, my upcoming course has a whole module on the engineering side of this topic. We'll build our own mini-system (which can also serve as a headless DS foundation) and then we'll use it to build a small app.
@CodeByAlex
Alex Wilson
@CodeByAlex
8 months
“We’ve helped organizations build design systems in a multitude of technologies over the years, but as time goes by we now heartily recommend one specific technology to build a core design system for the web: Web Components.” - Brad Frost
0
14
43
0
7
26
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
2 months
Just wrapped up presenting at our first WCCG Declarative Custom Elements proposal demo day. It's exciting to see everyone working on proposals/prototypes and getting the deeper conversations kicked off for the future of component-oriented HTML.
3
4
27
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
3 months
Please, I beg you, do not cede your technical decision-making to an AI tool. This is way up on the list of most negligent things you can do. Run away from anyone saying that you or your employer can't or shouldn't make your own technical decisions.
2
5
27
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 year
If you haven't checked out CSS Container Queries, here's a quick intro from @chriscoyier These are a perfect match for Web Component technologies, particularly if you are building reusable components that need to adapt more dynamically to available space.
@chriscoyier
Chris Coyier
@chriscoyier
1 year
A good use case for Container Queries in CSS: A Weekly Events Calendar Pen: 5 minutes on YouTube explaining:
14
205
1K
1
7
27
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
4 months
@AndyJessop33500 @justinfagnani A recent client needed to make some business-critical architecture changes to scale their UI and enable customer plugins. However, WebPack was preventing that (details too much for a tweet). But why were they using WebPack? Well, that got installed with Next.js. Why where they…
2
4
24
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
9 months
@housecor There is some severely incorrect or out of date information in this tweet. These are common misunderstandings though, particularly if you haven't worked deeply with the relevant standards and are encountering them for the first time or relying on old, outdated blog posts. Might…
3
1
25
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
11 months
@jensimmons Everything under project Fugu please, and let's also keep working on Web Components. Lots of new stuff in the works there and I'd love to see Safari lead the way.
0
0
26
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
1 year
Congratulations! Huge win for web developers.
@justinfagnani
Justin Fagnani
@justinfagnani
1 year
🎉 The CSS Working Group accepts my "multiple stylesheets per file" proposal, so we'll be able to bundle CSS modules! That along with progress on import attributes will make native CSS modules a reality very soon now!
13
76
387
1
2
26
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
2 months
I just updated the content of my Web Component Engineering course with the latest on CSS Custom States, now that Safari 17.4 has shipped. I'm running a 10% discount on the course now with code WEBWEEKLY in support of @stefanjudis 's excellent newsletter.
Tweet media one
0
5
25
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
5 months
@davidfowl The seeming conflicting responses on the cross-platform UI framework topic are a reflection of the fundamental leadership problems that Microsoft has around all things client. Customers *do* want Microsoft to solve this problem, but also *do not* trust Microsoft to solve it well…
4
2
25
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
8 months
Going dark for a bit to film module 6, "Leveraging Shadow DOM," for the Web Components course. Modules 2 - 5 introduce and use Shadow DOM a good deal, but this is the module that goes *deep* into present tech and also shows some future stuff. Should be fun!
3
1
24
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
7 months
@LeastCycles LOL I agree, Web Component's biggest problem is PR. Assuming it's an honest question though... "Web Components" is an umbrella term that covers many Web Standards across HTML, JavaScript, and CSS. Used together, these standards provide a way of natively creating encapsulated…
4
0
24
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
9 months
With so much baked into the platform now, it's really not hard to write a small helper to enable you or your team to build components with the ergonomics and patterns you want.
1
2
23
@EisenbergEffect
Rob Eisenberg
@EisenbergEffect
4 months
At TPAC 2023, the Firefox team said they would ship Declarative Shadow DOM soon. Looks like it's almost here! This is a big deal not just for Web Components, but all kinds of declarative HTML approaches. Learn more in my Web Component Engineering course.
Tweet card media
Web Component Engineering

A comprehensive front-end engineering course focused on Web Components and modern Web Standards.

bluespire.com
@techytacos
Elliott Marquez
@techytacos
4 months
What is this? Declarative Shadow DOM working in @FirefoxNightly ?
3
7
44
1
7
24