Why test IDs are an accessibility code smell

дата:
Plus catching up with React Native, Storybook's MCP server, and TanStack DB 0.6.

#​468 — March 27, 2026

Read on the Web

🐣 We're taking next week off for a little Easter break, so we'll be back in your inbox on April 10. Happy Easter to you, if you celebrate. 😊
__
Peter Cooper, your editor

Together with  Frontend Masters logo
 React Status

React Joyride 3.0: Create Guided Tours in Your Apps — A complete rewrite of this popular 'guided tour' system targeting modern versions of React, extra and more useful hooks, improved rendering, and more. The demos show it off wonderfully. GitHub repo.

Gil Barbara

UI Development at Scale — Join Steve Kinney for this video course exploring how to architect large enterprise-scale frontend systems. You'll cover UI patterns, runtime composition, build-time approaches, monorepos, scaling, testing and much more.

Frontend Masters sponsor

Taking Next.js to More Platforms with Next.js 16.2's Adapter API — Last week's Next.js 16.2 release made adapters stable. They provide an API for different platforms to customize the build process to their needs. This post explains how the feature works and how several providers are coming together to make it happen with Netlify, Cloudflare and AWS adapters expected later this year.

Jimmy Lai and JJ Kasper (Vercel)

IN BRIEF:

Test IDs Are an Accessibility Smell — Dominik argues data-testid is a smell, not a best practice, and switching to role-based selectors gives you accessibility checking "almost for free." Complete with before/after examples and tips for making your markup more query-friendly.

Dominik Dorfmeister

🤖 Introducing Storybook MCP for React — The latest release of the Storybook component workshop added an MCP server to give coding agents access to extra knowledge about your components so they can write better stories, tests, and fixes for any bugs encountered.

Kyle Gach (Storybook)

📄 A Gentle Intro to npm Workspaces, With Visuals Carlos Precioso

🛠  Code, Tools & Libraries

Semiotic 3.0: A React + D3 Data Visualization Framework — This data viz library, of several years' vintage, has had a rewrite to bring it into the modern era. While it handles the basics like line and area charts, its strengths are in its more specialist offerings like choropleth maps, Sankey diagrams, flow maps, and violin plots, as well as streaming data support.

nteract

Clerk Expo 3.1: Native SwiftUI and Compose Auth Components — Prebuilt sign-in, user button, and profile views for iOS and Android. Platform-native Google Sign-In, no browser redirect.

Clerk sponsor

TanStack DB 0.6 Adds Persistence, Offline Support, and Hierarchical Data — TanStack DB puts a reactive queryable database inside your app, so you read and filter data locally instead of hitting an API. 0.6's headline feature is SQLite-backed persistence with adapters for web, mobile, and server environments. The post goes deep on several other additions worth your time too.

Willis and De Porre (TanStack)

React Native Executorch: A Declarative Way to Run AI Models On‑Device — "If you're looking for processing camera input with AI models, running VLMs, or Bare RN support, look no more."

Software Mansion

Sugar High 1.0: A Lightweight JSX Syntax Highlighter — It doesn't need React to be present, so you can use it for syntax highlighting JSX snippets anywhere. You can also theme it with CSS. GitHub repo.

Jiachi Liu

📰 Classifieds

Sentry - Why your Next.js stack traces point to random chunks (and how to fix it).

😎 React Summit - June 12 & 16, Amsterdam & Online. Stay on top of the latest in the React ecosystem with 60+ amazing talks and workshops.

👾 A conference for engineers who did the big rewrite - and lived to tell the story. BugBash 2026, April 23-24, Washington DC.

📢  Elsewhere in the ecosystem

  • Stroke is a cute idea. Draw in a field on the page (e.g. a signature or some handwriting), click a button, and get some Motion code you can drop into a component to re-animate what you drew. (No, I can't draw to save my life, as evidenced above.. 😅)

  • Vavite 6 is a Vite plugin for developing and building server-side Node apps, so you can use Vite both for the frontend and backend of an app, complete with HMR at both ends.

  • James Garbutt of the e18e project looks at the three biggest causes of node_modules bloat: needless ES3-era compat packages, micro-libraries with a single consumer, and ponyfills for APIs that shipped years ago.

  • 🤖 Phil Eaton surveyed 112 major source-available projects (Bun, Next.js, React, etc.) to get a picture of their stance towards AI-assisted contributions. Of those, only four have an outright ban.

  • 🔒 More than ever, it's essential to ensure no secrets have snuck into your repos. Secretlint is a linting tool dedicated entirely to the task. It's written in Node but can be used with Docker against projects of any language.

n

Комментарии

Отправить комментарий