Jay Freestone's Avatar

Jay Freestone

@jayfreestone.com

A fullstack software engineer living & working in East London. jayfreestone.com

49
Followers
214
Following
40
Posts
21.05.2023
Joined
Posts Following

Latest posts by Jay Freestone @jayfreestone.com

The "asChild" prop is an accessibility nightmare. It makes it extremely easy to end up with things like <a type="button" role="menu">.

23.01.2026 19:35 ๐Ÿ‘ 13 ๐Ÿ” 1 ๐Ÿ’ฌ 2 ๐Ÿ“Œ 0
Post image

๐Ÿ”ฅ I've been debugging @nodejs.org performance for over a decade. The hardest part? Making sense of thousands of stack frames in a flamegraph.

What if your AI assistant could do that for you?

Today, we're releasing a new feature in `@platformatic/flame`. ๐Ÿงต

22.01.2026 16:40 ๐Ÿ‘ 17 ๐Ÿ” 3 ๐Ÿ’ฌ 2 ๐Ÿ“Œ 0

๐Ÿ†• npx unbarrelify

At last, an easy way get rid of barrel files!

Rewrites consumers to import directly from source, then deletes the barrels.

Safe and fully automated, read all about it at github.com/webpro/unbar...

21.01.2026 06:06 ๐Ÿ‘ 110 ๐Ÿ” 22 ๐Ÿ’ฌ 3 ๐Ÿ“Œ 3
nth-child was upgraded
nth-child was upgraded YouTube video by Kevin Powell

:nth-child() was upgraded (a long time ago, but no one seems to know about it)

youtube.com/shorts/rep-C...

15.01.2026 14:35 ๐Ÿ‘ 73 ๐Ÿ” 14 ๐Ÿ’ฌ 7 ๐Ÿ“Œ 2

New blog post: Don't fall into the anti-AI hype.

antirez.com/news/158

11.01.2026 10:19 ๐Ÿ‘ 275 ๐Ÿ” 61 ๐Ÿ’ฌ 21 ๐Ÿ“Œ 19
Preview
Isomorphic First Framework - HackMD Seeing the reception to SvelteKit Remote functions and Tanstack Start I realize I probably should codify the architecture we designed on stream.

Since people seem to interested in alternative Server Component architectures, might as well publish the source. These documents are rough, basically brain dumps. But I think thanks to Tanstack there is interest.

"Isomorphic First Framework"
hackmd.io/@0u1u3zEAQAO...

31.10.2025 20:03 ๐Ÿ‘ 24 ๐Ÿ” 2 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 1
Preview
useEffectEvent โ€“ React The library for web and native user interfaces

Missed that this was even coming, very neat!

react.dev/reference/re...

Solves a longstanding pain point with `useEffect`.

03.10.2025 06:42 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

TIL: the "sync" in @react.dev's useSyncExternalStore isn't for "synchronise", it's for "synchronous".

As: it's not for synchronising against an external store,

It's for synchronously (ie: disabling concurrent features) updating against a store's changes.

h/t @tkdodo.eu ๐Ÿคฏ

19.09.2025 14:10 ๐Ÿ‘ 48 ๐Ÿ” 6 ๐Ÿ’ฌ 6 ๐Ÿ“Œ 3

๐Ÿš€ Good news, everyone: GraphQL now supports OneOf input objects (aka input unions)!

This long-requested feature is a small change that packs a big return for developers, making schemas more expressive and APIs easier to use. Read all about it ๐Ÿ‘‰
graphql.org/blog/2025-0...

04.09.2025 18:34 ๐Ÿ‘ 10 ๐Ÿ” 1 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
Introducing Zod Codecs

Zodโ€™s new Codecs feature looks pretty neat - easy bidirectional transformations:

colinhacks.com/essays/intro...

25.08.2025 11:05 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
React Router RSC Preview React Router's preview support for React Server Components is now available

This looks pretty great: remix.run/blog/rsc-pre...

16.05.2025 17:52 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
GitHub - Shopify/autosizes: A sizes=auto polyfill A sizes=auto polyfill. Contribute to Shopify/autosizes development by creating an account on GitHub.

If you ever wanted to use `sizes=auto` and were bummed out about Safari/Firefox support, Shopify now got a polyfill for ya! github.com/Shopify/auto...

08.05.2025 10:35 ๐Ÿ‘ 28 ๐Ÿ” 8 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 1
Post image

@danabra.mov just dropped a blog post in the comments where he points out why RSCs effectively solve the problems a number of disparate technologies were created to solve (but can fall short). High quality content.

03.05.2025 16:20 ๐Ÿ‘ 32 ๐Ÿ” 3 ๐Ÿ’ฌ 3 ๐Ÿ“Œ 3
Preview
Overengineered anchor links - 35ยฎ Learn about the 'overengineered anchoring' pattern, a technique to improve the user experience of scrollable content.

This is delightful. I was totally expecting it to not work on mobile, but it does!

thirty-five.com/overengineer...

03.04.2025 15:38 ๐Ÿ‘ 17 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
programmers are always posting like "worked on tracking down an issue with a Flurble deployment for twelve hours. the problem wasn't in Flurble at all - it was in the Gumbies install. It turns out if you install Gumbies 3.0 over Gumbies 2.7 and don't do a cache flush on all the client spiders they'll get stuck in the crystal maze." then you look up Gumbies and the site is one of those scroll scroll scroll types
with one sentence per page, like "GUMBIES is a lean, expressive sharding sandcube for testing and deploying large scale
Woodchips playgrounds. GUMBIES automates and streamlines away watersliding phases, meaning your team can
get right to the chipping. See why Microsoft, OpenAl and Bloingo have embraced GUMBIES in their Woodchips
workflows." and you get to the bottom and you're like I
want this I guess but I still don't know what

programmers are always posting like "worked on tracking down an issue with a Flurble deployment for twelve hours. the problem wasn't in Flurble at all - it was in the Gumbies install. It turns out if you install Gumbies 3.0 over Gumbies 2.7 and don't do a cache flush on all the client spiders they'll get stuck in the crystal maze." then you look up Gumbies and the site is one of those scroll scroll scroll types with one sentence per page, like "GUMBIES is a lean, expressive sharding sandcube for testing and deploying large scale Woodchips playgrounds. GUMBIES automates and streamlines away watersliding phases, meaning your team can get right to the chipping. See why Microsoft, OpenAl and Bloingo have embraced GUMBIES in their Woodchips workflows." and you get to the bottom and you're like I want this I guess but I still don't know what

This is my entire life

17.03.2025 01:53 ๐Ÿ‘ 1503 ๐Ÿ” 417 ๐Ÿ’ฌ 28 ๐Ÿ“Œ 39
Preview
GitHub - react-hook-form/lenses: The library's composable lens operations make it simple to work with deeply nested structures while maintaining type safety, leading to more maintainable and reusable ... The library&#39;s composable lens operations make it simple to work with deeply nested structures while maintaining type safety, leading to more maintainable and reusable form components. - react-h...

If youโ€™re using React Hook Form, the new lenses addon makes it miles easier to create strongly typed reusable fields:

github.com/react-hook-f...

Got rid of so many generics with this, and everything is still typed properly.

15.03.2025 06:41 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0

Unlikely to dethrone any transpilers with just a 10x perf boost, but a huge win for the language server alone.

11.03.2025 17:40 ๐Ÿ‘ 0 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
A 10x Faster TypeScript - TypeScript Embarking on a native port of the existing TypeScript compiler and toolset to achieve a 10x performance speed-up.

Funny considering that Go has the least expressive type system known to man, but this is amazing and unexpected news:

devblogs.microsoft.com/typescript/t...

11.03.2025 17:40 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
Preview
Introducing command and commandfor ย |ย  Blog ย |ย  Chrome for Developers Learn about the new capabilities for declarative behavior on buttons.

โ€œIntroducing command and commandforโ€ by @keithamus.social

This is one of the most exciting additions to the web platform in a while, in my opinion. Opens many opportunities from the get-go, but also opens many good opportunities in the future.

developer.chrome.com/blog/command...

#html #js #web

09.03.2025 06:23 ๐Ÿ‘ 6 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
From the typescript community on Reddit: Introducing Traits-TS: Traits for TypeScript Classes Explore this post and more from the typescript community

This new library does seem interesting.
A more powerful, easily chainable kind of class mixins...?
www.reddit.com/r/typescript...

06.03.2025 22:25 ๐Ÿ‘ 4 ๐Ÿ” 1 ๐Ÿ’ฌ 2 ๐Ÿ“Œ 0
Preview
Added middleware to base-stack by AlemTuzlak ยท Pull Request #35 ยท forge-42/base-stack Description Added react-router middleware support to base-stack Type of change Please mark relevant options with an x in the brackets. Bug fix (non-breaking change which fixes an issue) New feat...

I heard react-router v7 has middleware ๐Ÿ‘€

github.com/forge-42/bas...

05.03.2025 13:05 ๐Ÿ‘ 10 ๐Ÿ” 2 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 1
Preview
Infer type of a function argument as const in TypeScript | pawelgrzybek.com TypeScript infers literal types from function arguments of primitive types and creates more general types for complex data structures. There may be a situation when you need a stricter type of inferen...

This is a great tip to avoid having to set โ€˜as constโ€™ on a thousand separate string inputs in TypeScript:

pawelgrzybek.com/infer-type-o...

05.03.2025 08:00 ๐Ÿ‘ 3 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
vite-plugin-react/packages/plugin-react at main ยท vitejs/vite-plugin-react The all-in-one Vite plugin for React projects. Contribute to vitejs/vite-plugin-react development by creating an account on GitHub.

Didnโ€™t know this:

> For React refresh to work correctly, your file should only export React components.

github.com/vitejs/vite-...

Thereโ€™s an ESLint rule and everything:
github.com/ArnaudBarre/...

01.03.2025 14:10 ๐Ÿ‘ 2 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
smoores.dev - Thereโ€™s no such thing as an isomorphic layout effect Thereโ€™s something off about the most popular approach to quieting Reactโ€™s warnings about using layout effects during server-side rendering. Letโ€™s break down why the warning exists, and when it really ...

Great post today from a former NYT dev who traced the history of the widespread `useIsomorphicLayoutEffect` snippet back through multiple libs...

and identified "a React-Redux maintainer" as the main source that everyone copied.

Uh. Hi. Yes. That'd be me :)

smoores.dev/post/no_such...

26.02.2025 02:03 ๐Ÿ‘ 28 ๐Ÿ” 3 ๐Ÿ’ฌ 1 ๐Ÿ“Œ 0
An overview of the CSS code from the provided link

An overview of the CSS code from the provided link

Illustrating how to remove spaces above and below an uppercase text

Illustrating how to remove spaces above and below an uppercase text

๐Ÿ’ก CSS Tip!

Save this one line of code for the future!

css-tip.com/center-upper...

No more hacky code trying to remove those spaces above and below an uppercase text. You can easily have a perfect centering for the text!

#CSS

24.02.2025 11:49 ๐Ÿ‘ 134 ๐Ÿ” 16 ๐Ÿ’ฌ 5 ๐Ÿ“Œ 5

๐Ÿ“ข We're finally looking to ship Observables in Chrome!! It's been a long time comingโ€”many thanks to all in the community for the great feedback and help along the way!!

Especially @benlesh.bsky.social, @keithamus.social, @domenic.me, @jordan.har.band & more! ๐Ÿ™

groups.google.com/a/chromium.o...

21.02.2025 21:41 ๐Ÿ‘ 117 ๐Ÿ” 24 ๐Ÿ’ฌ 4 ๐Ÿ“Œ 6
Post image

Got this neat suggestion during the Vitest workshop this week.

Wen can technically use `expect.fail` in "onUnhandledRequest" to make MSW actually fail the tests where unhandled requests happen.

This isn't something I recommend as of now but an interesting idea.

20.02.2025 14:03 ๐Ÿ‘ 4 ๐Ÿ” 1 ๐Ÿ’ฌ 2 ๐Ÿ“Œ 0
Standard Schema: The Universal JavaScript Data Interface
Standard Schema: The Universal JavaScript Data Interface YouTube video by Syntax

www.youtube.com/watch?v=P_et...

04.02.2025 17:16 ๐Ÿ‘ 3 ๐Ÿ” 1 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0
Preview
Justifiedย Text: Better Than Expected? Do new CSS properties make justified text with automatic hyphenation more viable?

Iโ€™ve avoided `text-align: justify` for years. Do modern #CSS properties unlock its potential? cloudfour.com/thinks/justi...

#Typography #WebDesign #WebDev

14.01.2025 16:52 ๐Ÿ‘ 35 ๐Ÿ” 12 ๐Ÿ’ฌ 4 ๐Ÿ“Œ 0
Preview
860: Module Federation Microfrontends with ByteDanceโ€™s Zack Jackson Podcast Episode ยท Syntax - Tasty Web Development Treats ยท 13/12/2024 ยท 1h 11m

Late to the party but this was a fascinating listen:

podcasts.apple.com/gb/podcast/8...

Wild to think that at this scale it was cheaper to just rewrite Webpack in Rust.

14.01.2025 08:43 ๐Ÿ‘ 1 ๐Ÿ” 0 ๐Ÿ’ฌ 0 ๐Ÿ“Œ 0