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

🔥 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`. 🧵

🆕 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...

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...

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

antirez.com/news/158

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...

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`.

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 🤯

🚀 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...

Introducing Zod Codecs

Zod’s new Codecs feature looks pretty neat - easy bidirectional transformations:

colinhacks.com/essays/intro...

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...

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...

@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.

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...

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

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.

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

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...

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

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...

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...

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...

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/...

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...

An overview of the CSS code from the provided link

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

📢 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...

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.

Standard Schema: The Universal JavaScript Data Interface YouTube video by Syntax

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

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

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.