Human, React dev, JS tooling fan, occasional speaker, probably an imposter. https://xitter.cf/t.co/DMaYqlmKkU He/Him. Working at @shopify
Joined November 2012
- Tweets968
- Following395
- Followers619
- Likes5.9K
Pinned Tweet
Shopify Polaris is now built on web components. My team and I have been working on this for a while and it's been a lot of fun to "embrace the platform"!
shopify.dev/beta/next-gen-de…
Lots of things learned, lots of fun edge cases discovered
Web components, unified API across the ecosystem, joy? Sure, why not :)
Lots of work on this, lots of fun too
Anthony Frehner 🐽 retweeted
🚀 New Polaris web components are here!
ColorField, ColorPicker, Popover, Tooltip, Menu, Chip, ClickableChip & DropZone
shopify.dev/changelog/new-co…
Anthony Frehner 🐽 retweeted
Import maps and JavaScript modules are important web platform primitives for performance benefits 🐎 but not reliable at scale. So we fixed it! 🎉
Learn how in this post by @yoavweiss
shopify.engineering/resilien…
Anthony Frehner 🐽 retweeted
Headline: "Polaris—unified and for the web"
The work:
- Align components across multiple teams w focus on web
- Extremely light "in-house" framework
- Automatic updates for Apps
- Maintain or exceed UX quality
- Docs, templates, CLI
- AI, MCP
- "Polaris"
So much more to come
And I've been a part of Shopify's Technical Alignment Group (TAG) for a couple of months, which has been a great privilege and learning experience.
We want to make sure that you can use the same props across all areas of Shopify; admin, checkout, etc.
I finally wrote something again - how to compose the new tc39-approved decorators! I hope it's useful to someone out there when you want to have multiple decorators on a single class/property/etc.😊
dev.to/frehner/composing-jav…
Is it even possible to define in Typescript an abstract function overload?
In other words, pretend you’re writing a types-only package. One of the types you provide is a function signature that has overloads.
Someone else must actually implement the function.
Impossible? 😫
The "Grounded 2" documentary was great. Worth a watch if you've played TLOU2, and also if you don't plan on playing it. Lots of parallels to project management, development, expectations, crunch, etc.,
And watching Ashley Johnson and Laura Bailey act and cry and... ugh.
.@AndaristRake Putting in a huge effort to fix some TypeScript and package exports issues over the weekend.
Something like ~40 PRs, all to different libraries, to help fix some mis-configuration. 😍
Studying react-reconciler and some of the custom JS-based reconcilers out there (react-three-fiber, ink, pixi-react)
No idea what I'll do with this info. Probably nothing. But it's been fun to learn it
The Modern Guide to Packaging Your JavaScript Library is here!
⌨️ ~3,000 words
💁21 sections
✅ Peer reviewed
ℹ️ 26 citations
👐Bundler agnostic
But most importantly (to me), it's open source with the goal of keeping it up-to-date as time goes on.
github.com/frehner/modern-gu…
Added a new section for tooling. It currently includes great tools from
@bluwyoo - publint.dev
And
@atcb - arethetypeswrong
github.com/frehner/modern-gu…
Let me know if there are other great tools for validating JS packaging needs!