Matthew Phillips @matthewcp Twitter profile

Pinned Tweet

Matthew Phillips

7 months

This is a prototype web interface for . It looks like an ordinary recipe site, but this is actually an email client. An email client that only reads emails saved with , optimized for recipe viewing. 🍽

4

2

25

Last Seen Profiles

@bachnation

@saikyounamental

@dr_andrewlaw

@cody_cardillo

@britta_linden

@InfoWates

@Antonleeh

@manar3667

@Xposure_Sports

@KirbySmartUGA

@jocogovNC

@proeticard

@MissBlackClover

@anthony_bueno

@Scepterian

@CarterRutenbar

@SDMSNews

@mohammedyem240

@Kakashii_____

@BorowskiJoyce

@MorbiusMovie

@HorribilisPasos

@coach_wigginsnj

@JoyousCivic

@NoTricksNeeded

@Hiroki_SSBU

@redpepeavax

@LakeErieNorth

@mmmiaa__

@Arianedevogue

@ClaytonCometsAD

@Annakwood

@CISA_CENTRAL

@ctv_sports_new

@chickenhead73

@DrHuzam

Matthew Phillips

@matthewcp

2 years

If you're ever feeling bad about an API you designed just remember that someone thought Cache-Control: no-cache should mean to, in fact, cache.

35

220

2K

Matthew Phillips

@matthewcp

6 months

Unpopular opinion: Don't use http verbs PUT, PATCH, DELETE. Just use POST for everything. Reasons: - <form> doesn't support the others. Frameworks that allow it do so through hacks. - URLs are free, you don't gain anything by overloading them. - Purity < practicality

345

77

1K

Matthew Phillips

@matthewcp

2 years

.js, .mjs, .cjs, .jsx, .ts, .tsx, .cts, .mts, what have we done.

66

118

1K

Matthew Phillips

@matthewcp

1 year

Serverless: "what if we made basic things like connecting to a database as hard as fuck?"

16

68

1K

Matthew Phillips

@matthewcp

5 years

Announcing Robot 🤖 . A new library for building finite state machines that is: 🕺 1kB 🤺 Functional 💃 Fun

21

138

819

Matthew Phillips

@matthewcp

3 years

Anyone else decoded some HTML today?

62

42

783

Matthew Phillips

@matthewcp

2 years

Feels like GraphQL is a technology on its way out.

103

38

742

Matthew Phillips

@matthewcp

9 months

Announcing 👇 is a recipe storage system built on top of email. Find a recipe you like, send an email to `save @yums .email` and you'll get an email back with the recipe nicely formatted. See for more.

37

62

530

Matthew Phillips

@matthewcp

3 years

Announcing the alpha release of Lucy, a new DSL for finite state machines and statecharts that compiles to XState machines. What CSS does for styling, Lucy aims to do for runtime logic. Checkout Lucy at

Announcing Lucy

matthewphillips.info

31

118

512

Matthew Phillips

@matthewcp

5 months

I still see people using <script type="text/javascript"> and <link type="text/css"> all the time Why are you doing this, it hasn't been necessary in like 10 years!

97

21

459

Matthew Phillips

@matthewcp

2 years

Announcing Corset, a new approach to declarative DOM binding! Corset is an alternative to frameworks like React and Vue. Instead of JSX/templates, you use a CSS-like DSL to bind to the DOM that already exists. This difference has profound implications 👇🏼

Corset - declarative, reactive UI

Reactive UI without the complexity of SPA frameworks. Use any backend you like; bind to the HTML you already produced.

corset.dev

21

82

423

Matthew Phillips

@matthewcp

19 days

Career upgrade today 📈: I'm now CTO at The Astro Technology Company ( @astrodotbuild ) Thank you @FredKSchott for continuing to believe in me. And to all of core and the community for putting up with me. Let's keep 🚢ing.

40

5

308

Matthew Phillips

@matthewcp

11 months

This is amazing! Remember that a browser is a *user* agent. It represents the user's wishes, not websites. Websites have had 30 years in charge of things and they failed. Take the web back, for the user.

The Browser Company

@browsercompany

11 months

What if the internet... was actually 𝑦𝑜𝑢𝑟 internet? 🎨 Introducing Boosts 2.0 — only in Arc

492

2K

14K

12

21

287

Matthew Phillips

@matthewcp

1 year

We need to have a talk about the recent trend among frameworks to promote a sort of pseudo-JavaScript. It looks like JS, but the semantics are not the same. The semantic are also not documented, because the point is to trick you into thinking it's normal JS.

27

29

295

Matthew Phillips

@matthewcp

2 years

Find someone who loves you as much as the React team loves tweeting about how much better their unreleased projects are than current tech.

11

13

277

Matthew Phillips

@matthewcp

9 months

Today we released Astro 2.9 which comes with *experimental* support for View transitions. View transitions is a new browser API that makes it easy to build smooth transitions when navigating pages.

9

28

275

Matthew Phillips

@matthewcp

2 years

Remember when "tree shaking" was the miracle solution to all of your JS size problems?

13

10

251

Matthew Phillips

@matthewcp

2 years

I'm pretty strongly in the "components should never do data loading" camp now. turns out MVC was right.

21

15

236

Matthew Phillips

@matthewcp

9 months

Quick demo, working on DOM persistence in the @astrodotbuild ViewTransitions router. The idea is you can add `transition:persist` to an element or island you want to keep state for and it will be transferred over to the new page. Will make a nicer demo for later :D

10

15

224

Matthew Phillips

@matthewcp

9 months

Shout out to whoever came up with the names `atob` and `btoa` for trolling us all.

10

5

214

Matthew Phillips

@matthewcp

6 months

Prop-drilling is a derogatory term for "passing arguments to a function". The fact that passing required arguments to a function is considered to be something that's so abhorrent that it deserves a term specifically for it, is a massive 🚩 for component-oriented architecture.

55

16

212

Matthew Phillips

@matthewcp

2 years

Any updates on this issue?

35

16

212

Matthew Phillips

@matthewcp

10 months

Great video about why you should use S3 for your file uploads.

Theo - t3.gg

@t3dotgg

10 months

Bleed Responsibly - an overdue rant

53

9

204

7

198

Matthew Phillips

@matthewcp

2 years

I wish TypeScript was aware of throws. And you could declare a function as never throwing and it would tell you if it ever could because a child function throws.

28

7

194

Matthew Phillips

@matthewcp

8 months

Is it possible to build a successful open source project in 2023 without being a comedian?

25

4

192

Matthew Phillips

@matthewcp

6 months

There are too many things in Astro 3.5 than what we could fit into the announcement tweet. So I'll go over a few here. 🧶

Astro 3.5: i18n Routing | Astro

Astro 3.5 is out! It includes experimental support for i18n routing, prefetch for speedier page loads, form support with ViewTransitions, image optimization improvements, and more.

astro.build

5

21

185

Matthew Phillips

@matthewcp

1 year

If you find yourself wishing that () returned a cached value and not, you know, the current timestamp, it's time to take a step back and introspect whether you're building the right thing.

10

185

Matthew Phillips

@matthewcp

5 months

We released Astro 4 today, here's why and what's included 👇

6

19

186

Matthew Phillips

@matthewcp

6 months

Remember when the Chrome dev account produced a whole animated short for the following diff?

Chrome for Developers

@ChromiumDev

7 months

New name. Same Chrome. We launched our browser 15 years ago, and since then we've been dedicated to simplifying web development. Thanks for sharing this journey with us. Here's to the next 15 years of partnering to build a powerful web! Sound on! 🔊

21

39

212

5

6

180

Matthew Phillips

@matthewcp

3 months

I wrote a blog post. You can read it by running: ssh -p 2062

42

16

181

Matthew Phillips

@matthewcp

5 years

Announcing Haunted: The same React Hooks API you know and love, but for standard web components and lit-html:

GitHub - matthewp/haunted: React's Hooks API implemented for web components 👻

React's Hooks API implemented for web components 👻 - matthewp/haunted

github.com

11

46

174

Matthew Phillips

@matthewcp

6 months

A lot of y'all weren't around, but when ES6 came out there was a group of prominent devs who hated it and kept using ES5 (var and whatnot) for several years later. Most dropped out of the community but some did eventually convert.

13

7

157

Matthew Phillips

@matthewcp

4 years

I'm building a performance-oriented meta-framework ala create-react-app, Next.js, etc. My goal is to take all of the performance related features of today's web and make them convenient to use. No trading away UX for DX. This thread goes over things I'm working on. (updated)

3

6

157

Matthew Phillips

@matthewcp

2 years

How I avoid `any` in my codebases: type whatever = any; addOne("foobar" as whatever);

7

8

157

Matthew Phillips

@matthewcp

1 year

Which is more likely? 1. Twitter is intentionally slowing down their website to push people towards mobile. 2. This fixes a race condition some poor engineer didn't have time to properly diagnose b/c gotta hit those commit quotas.

Guillermo Rauch

@rauchg

1 year

@charliermarsh I actually might have figured it out. There's a `5000` constant here and `waitUntil`

31

78

895

12

9

155

Matthew Phillips

@matthewcp

2 years

Why can't Tailwind users just like Tailwind and not constantly insult and shame people into conformity.

23

4

155

Matthew Phillips

@matthewcp

1 year

Fuck it, I'm learning Laravel.

22

2

147

Matthew Phillips

@matthewcp

2 years

Caching is the last thing you do to make something fast, not the first. A slow thing is slow no matter how much you cache its slowness. If you see a tool bragging about its caching techniques and not its algorithms you should be skeptical of how well it will work in practice.

8

15

148

Matthew Phillips

@matthewcp

6 months

What does it say about web development that in 2023 we still can't style a select element (no disrespect to Open UI, you're doing the lord's work) but there is an API (sendBeacon) designed specifically to ensure that analytics data gets to the server under all circumstances.

7

10

141

Matthew Phillips

@matthewcp

3 years

Monorepos are actually kind of a pain.

22

2

136

Matthew Phillips

@matthewcp

2 years

@Brocco @BenLesh Developers will write 5 layers of TS generics to help clarify a function argument but won't type a semicolon to clarify the end of a statement.

3

13

135

Matthew Phillips

@matthewcp

6 months

A small bit of trivia. What gets logged here? And can you explain why?

32

9

130

Matthew Phillips

@matthewcp

5 years

📣 ANNOUNCING: Velocirender- A new way to speed up your SPA that works with any framework! 📖 Article

3

33

130

Matthew Phillips

@matthewcp

2 years

Announcing TypeScript loose mode. Globally enable an entire file to be typed as `any`. Just rename your file to .js and get instant type flexibility.

5

14

124

Matthew Phillips

@matthewcp

4 months

Hidden magical APIs is a classic leaky abstraction mistake. You think you're helping users by giving complex things a sheen of simplicity, but you're really just making the non-happy path a nightmare. Soon you'll need to add more magic to cover the previous holes.

10

9

128

Matthew Phillips

@matthewcp

4 years

@kinsilee_ks Notice these police officers aren't dressed like Avengers as well.

2

118

Matthew Phillips

@matthewcp

9 months

Astro 2.10 is out! With persistent UI in View Transitions. Gotta keep those counters alive.

Astro 2.10: Persistent State in View Transitions | Astro

Persistent UI in View Transitions and our first look at Astro 3.0

astro.build

3

20

122

Matthew Phillips

@matthewcp

2 years

Signals are cool but don't be fooled, they are observables and have been used by client-side frameworks on the web for *at least* 12 years if not longer. If you look at their implementations they are more or less the same.

15

6

118

Matthew Phillips

@matthewcp

2 years

One very annoying thing about TypeScript is that it doesn't allow you to do dot notation to check if a property exists on a union type. if(data.href != null) ... Complains but `('href' in data)` is ok. #TypeScript

17

4

116

Matthew Phillips

@matthewcp

2 years

Where Web Components Went Wrong (And How We Can Turn It Around)

space.matthewphillips.info

12

15

115

Matthew Phillips

@matthewcp

2 years

New in Astro 1.0 is full support for HTML streaming. As Astro renders your template it breaks it into static HTML, expressions, and components. Static HTML can always be sent right away, and then each expression and component can block.

3

18

116

Matthew Phillips

@matthewcp

3 years

It's interesting how these SPA frameworks are now adding "MPA mode" and "no JS" config options. I wonder if there's anything driving that. Probably not, I'm sure it's a coincidence.

11

13

114

Matthew Phillips

@matthewcp

2 years

Web component authors creating form controls. This is wrong: <my-select></my-select> This is right: <my-select><select>...</select></my-select> Web components enhance HTML. Forms controls that require JavaScript are broken by design.

10

9

112

Matthew Phillips

@matthewcp

5 years

It's like Angular took all of the hard parts of UI programming and layered 4 or 5 new concepts on top of those to make sure you have to take a paid course before you can successfully render a list.

11

19

111

Matthew Phillips

@matthewcp

3 years

If you're feeling lonely just tweet about TypeScript.

6

1

107

Matthew Phillips

@matthewcp

3 years

We'll refactor post-launch.

1

14

106

Matthew Phillips

@matthewcp

1 year

Can someone build a client-side router that's *not* callback based? Here's one way to do it. Routes are just data. There's no reason to couple them with templating. More flexible + easier to test = huge wins.

23

9

103

Matthew Phillips

@matthewcp

2 years

Google Login (or whatever they are calling it now) uses a mix of camelcase and snake case for property names in their authorization response. #thisisfine

12

1

102

Matthew Phillips

@matthewcp

5 years

The biggest unsolved problem in web development today is the inability to write declarative views that are both server rendered and used in the client. Today's solution is to shim the server so that it can run code intended for a browser. Cont 👇

19

14

100

Matthew Phillips

@matthewcp

9 months

@Shyamal890 @amix3k No one wants that

2

0

97

Matthew Phillips

@matthewcp

2 years

Story time. When we started on the original Astro prototype we didn't set out to make it be 0 JS by default. We knew we wanted to do partial hydration (and hired @n_moore , he we was one of the only people working in that space with Microsite). But 0 JS happened by accident 👇

1

12

98

Matthew Phillips

@matthewcp

4 years

@MRustyNelson @DStarkand @skipnorth1 @notmasseybritt @KingKappy @BillSimmons He literally made All-NBA first team as a center.

1

0

85

Matthew Phillips

@matthewcp

1 year

We shipped a new homepage at @astrodotbuild ! Clocks in at 7.4kB of JS. Without server components. We're investigating how that's possible.

4

7

96

Matthew Phillips

@matthewcp

2 months

The Volar project has been extremely beneficial to @astrodotbuild , so I was happy to see that we were giving them a grant! Read more:

Astro + Volar = 💖 | Astro

Astro relies on the hard work and dedication of several open-source projects, and we are extremely thankful to the maintainers of each and every one. In this article, we'd like to highlight one...

astro.build

1

9

95

Matthew Phillips

@matthewcp

3 months

The solution to npm's global namespace running out is obvious. Charge a yearly fee, like domains do. If a package name is not renewed it goes back up for registration. Next owner must do a semver-major to prevent breaking old usage.

22

5

92

Matthew Phillips

@matthewcp

6 months

@jaffathecake The thing I don't like about this sort of thing is that it breaks semantics. It appears that you have access to the closure, but you don't really. Instead you have serialized, async access to some stuff, and runtime errors for others (ie, anything with a prototype).

2

1

92

Matthew Phillips

@matthewcp

2 years

FFS, don't add custom scrolling on your websites. Ever.

8

88

Matthew Phillips

@matthewcp

1 year

There's this illusion that modern frontend architectures are declarative. They are a mix of imperative and declarative. Your views are declarative, but your state is very much not. Reactivity can look a little declarative, but your setters are imperative. There is no fixing that.

4

6

90

Matthew Phillips

@matthewcp

2 years

If you're using vitest to test code that runs outside of the vite runtime, ala in regular Node.js, you've just created a test / prod difference that will result in bugs down the line. This was the major flaw with using jest on Node.js code and people are just repeating it again.

11

7

89

Matthew Phillips

@matthewcp

1 year

(some of) the @astrodotbuild team at a sports thing.

5

1

86

Matthew Phillips

@matthewcp

3 years

Happy to announce that I'm joining @skypackjs ! I'm thrilled to get the chance to help push the web forward and normalize ES module usage in every web development community. The web is too slow today. The sky (pun intended) is the limit on what we can do to change that.

14

1

86

Matthew Phillips

@matthewcp

1 year

My feeling is, I have to know the rules of the code I'm writing. I know (most of) the rules of JS. I don't know the rules of this thing that looks similar but doesn't allow normal JS things. This is why I'm such a big fan of DSL, they clearly delineate from normal code.

3

2

85

Matthew Phillips

@matthewcp

3 years

@estark37 Many (most) websites are not continually maintained. It's not reasonable to expect developers to update old websites that are finished (I know personally I can't even remember every website I might have used an alert on but it's non-zero for sure).

0

9

84

Matthew Phillips

@matthewcp

8 months

View Transitions are not just about page navigation.

Adam Argyle

@argyleink

8 months

Took 30m to make this! viva View Transitions 🤘🏻💀

15

141

1K

3

10

84

Matthew Phillips

@matthewcp

11 months

Client-side routing stans are going to have a rough go of it here pretty soon. Always bet on MPAs.

Adam Argyle

@argyleink

11 months

Can you believe these slides are full page loads to completely new HTML pages‽ #smashingconf ^ try it with Canary and enable the flag chrome://flags/ #view -transition-on-navigation what. rad. tech. 🤯

39

395

3K

9

4

83

Matthew Phillips

@matthewcp

1 year

It grinds my gears when JS programmers think they are writing functional code because they don't use classes. If your functions are mutating state galore, it's imperative. The definition of functional programming is nuanced, but what you're writing isn't it.

8

4

82

Matthew Phillips

@matthewcp

3 years

@BenLesh @Rich_Harris @domenic @estark37 @yoavweiss @dan_abramov @KittyGiraudel @chriscoyier @carlosjoan91 It's devolved from "Don't break the web." to "Don't break 90% of the web." and now "Don't break the web whose content we agree with."

1

4

79

Matthew Phillips

@matthewcp

3 months

Run your own VPS. You can run all the software you want, with no cold start, and it scales up to the 0 users you have.

9

4

80

Matthew Phillips

@matthewcp

7 years

I don't use react but like how productive the discussion is (from various parties) in this issue:

3

30

79

Matthew Phillips

@matthewcp

2 years

It's too bad that JavaScript doesn't allow a comma to ignore an argument: function handle(, ctx) This makes designing APIs that have 2 arguments hard, as you have to choose which is more important (some times it's neither)

30

1

76

Matthew Phillips

@matthewcp

7 months

F# is one of the most underrated languages out there.

6

15

75

Matthew Phillips

@matthewcp

8 months

htmx is the kind of thing that the web components community should have been building. Instead we collectively chose to follow frameworks down the JS-everything road. "The same, but standards" was never going to work. Embrace all parts of HTML, JS, and CSS, even the weird ones.

4

9

76

Matthew Phillips

@matthewcp

2 years

Islands architecture in @astrodotbuild is not a philosophy. It's not a stake in the ground or a hill to die on. It's just a simple solution to a common problem. When something better comes around we'll use that instead. Fix the problems of today, today, the best way you can.

2

5

74

Matthew Phillips

@matthewcp

9 months

@BHolmesDev Zig is the C equiv. Go comparison is probably closest to Java... although it's also used for CLIs a lot and Java never was.

4

0

74

Matthew Phillips

@matthewcp

2 years

@ireneista @melissamcewen Also, early HTML was written with uppercase tag names. I'm not sure if was required or just the convention but it's the dead giveaway that you're looking at 90s HTML.

3

0

73

Matthew Phillips

@matthewcp

4 months

A lot of the time in OS you will have someone say "I'd like feature X" and you respond with "why do you want that". They interpret this to mean you disagree. But in reality you just want to understand, in detail, how they arrived at the need. But communication is hard.

9

8

73

Matthew Phillips

@matthewcp

3 years

Seeing a lot of discussion recently about TypeScript vs JSDoc. Any reasons why you couldn't use *both* in a project? TypeScript files for interfaces and types, JS files (with JSDoc) for code.

25

10

72

Matthew Phillips

@matthewcp

3 years

A new side project I've been working on recently, Ocean, a web component server rendering template function: It will render your custom elements to declarative shadow roots and add the polyfill for you.

GitHub - matthewp/ocean: Web component server-side rendering

Web component server-side rendering. Contribute to matthewp/ocean development by creating an account on GitHub.

github.com

4

12

72

Matthew Phillips

@matthewcp

3 months

Just got the email about Google Podcasts being sunset. Congrats to the PM that got a promotion for that one, hope you have success on that chat app you are going to build next.

5

3

71

Matthew Phillips

@matthewcp

3 years

Imagine how much jQuery would raise today.

4

1

69

Matthew Phillips

@matthewcp

4 years

Event emitters are an inherently mutable concept. In the immutable / functional world, what do you use instead of event emitters?

18

6

68

Matthew Phillips

@matthewcp

6 months

your 👏 full 👏 app 👏 is 👏 not 👏 a 👏 minimal 👏 reproduction 👏, thank 👏 you.

3

7

69

Matthew Phillips

@matthewcp

8 months

The best thing @htmx_org did was make non-templating based solutions for dynamism be respected again. It feels like there's a whole undiscovered frontier of solutions based around HTML, selectors, etc. It's an exciting time.

4

3

67

Matthew Phillips

@matthewcp

2 years

@PeteCapeCod People are into RPC these days, which is neither REST but also not GraphQL (GraphQL is kind-of an RPC). See as an example.

4

1

69

Matthew Phillips

@matthewcp

5 years

The web is the ultimate canvas. You can build whatever you want, however you want, host your creation yourself, and answer to no one. From pure works of creativity, to family photos, to historically important documents, to business critical applications; the web does it all.

1

16

68

Matthew Phillips

@matthewcp

16 days

@beaudjango @ulricmusset The brilliant part is convincing people that owning a phone with 60% market share makes you part of an exclusive club instead of being basic.

2

4

68

Matthew Phillips

@matthewcp

3 years

A new prerelease of @astrodotbuild is out, the next release is going to be big. Just one of the new features is a hydrator for media queries. You can do: <Sidebar client:media="(max-width: 768px)" /> Which will only load the Sidebar on mobile. A 🧶 on Astro loading 👇

7

11

68

Matthew Phillips

@matthewcp

2 years

Using meta-programming for test creation makes it harder to debug failing tests. Testing should focus on conditions of failure, not on saving characters on tests.

12

8

66

Matthew Phillips

@matthewcp

2 years

The guy who regularly posts about his 90 hour work weeks wants his employees to do the same, while offering them "competitive salaries" and not the 2x or 3x salaries that would be justified for the amount of work being asked for. Avoid.

9

1

65

Matthew Phillips

@matthewcp

2 years

This cycle never fails in OS: 1. Popular thing is too complex. 2. Small thing fixes an annoying part of Popular thing. 3. Small thing is now Popular thing. 4. (new) Popular thing adds features to address growing use-cases. 5. goto 1

2

6

63