--- title: "🎉 React turns 13 years old today" publication: "React Status" issue: 476 published_at: "2026-05-29" canonical_url: "https://react.statuscode.com/issues/476" --- Plus 'picture-in-picture' for React components, building predictive text inputs, and is TanStack's deferred hydration a big deal? #​476 — May 29, 2026 [Read on the Web](https://react.statuscode.com/issues/476) Together with [![Meticulous\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_2600,h_373/e_make_transparent/co_white,e_outline:30/s65exulzcd60xe2r5nyk.png)](https://www.meticulous.ai/?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=26q2&utm_content=primary) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/de617w929xwdgc8egd3v.jpg)](https://tkdodo.eu/blog/tan-stack-router-and-query) [Pairing TanStack Router with TanStack Query](https://tkdodo.eu/blog/tan-stack-router-and-query) — Dominik continues [his series on TanStack Router](https://tkdodo.eu/blog/the-beauty-of-tan-stack-router), this time pairing it with [TanStack Query](https://tanstack.com/query/latest). The router cache is per-route while Query’s is global, making Query a better fit for data shared across routes. He covers wiring the `QueryClient` into router context, disabling the router’s own caching so one library owns the data layer, and starting fetches in loaders that `useSuspenseQuery` reads from. Dominik Dorfmeister 💡 If you don't use it yet, [The Beauty of TanStack Router](https://tkdodo.eu/blog/the-beauty-of-tan-stack-router) might win you over. [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/7d59b09e.png)](https://www.meticulous.ai/?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=26q2&utm_content=primary) [Still Writing Tests Manually? Meticulous AI Is Here](https://www.meticulous.ai/?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=26q2&utm_content=primary) — Notion, Dropbox, Wiz and LaunchDarkly now use a testing paradigm they can’t work without. Built by former Palantir engineers, Meticulous automatically creates an evolving suite of E2E UI tests, delivering exhaustive coverage with no developer effort. Meticulous sponsor [As React Turns 13, 'Does Anybody Actually Like React?'](https://jsx.lol/) — First released on May 29, 2013, React is only just entering its teenage era, but complaints about React’s omnipresence have been a trope for years and David Bushell has been keeping receipts! David Bushell 🗣️ This item kicked off [an extensive discussion on Hacker News](https://news.ycombinator.com/item?id=48274077). **IN BRIEF:** - [React Router 7.16.0](https://github.com/remix-run/react-router/blob/main/CHANGELOG.md#v7160) lands as the on-ramp to v8, stabilizing the [trailing-slash data-request](https://reactrouter.com/upgrading/future#futurev8_trailingslashawaredatarequests) flag and warning about every v8 flag you haven't enabled yet. - 🇳🇱 [React Summit](https://reactsummit.com/) is taking place this June 12 in Amsterdam (the day after [JSNation](https://jsnation.com/)). Both can be attended remotely too. - 🇺🇸 The annual [Chain React](https://chainreactconf.com/) React Native conference is this July 30-31 in Portland, Oregon. [React at 60 FPS](https://www.readwriterachel.com/presentations/2026/05/21/react-60fps-slides.html) — A slide deck packed with tips for squeezing performance out of React when animating data, without reaching for an animation library — instead leaning on Canvas, `requestAnimationFrame`, WebSockets, and `React.memo`. Rachel Kaufman ▶[Is TanStack Start's Deferred Hydration Revolutionary?](https://www.youtube.com/watch?v=_PB9rHndhU8) — Jack examines TanStack Start’s deferred hydration, a new feature that delays hydrating below-the-fold components until they’re needed, noting it’s syntactic sugar over capabilities React already had, though he reckons it’s worth it. Jack Herrington 💡 TanStack's own docs also offer [a full guide to deferred hydration](https://tanstack.com/start/latest/docs/framework/react/guide/deferred-hydration). [Expo UI Is Stable. Real SwiftUI and Compose from JS](https://try.expo.dev/react-status-ui) — One import. SwiftUI on iOS, Jetpack Compose on Android. Plus native drop-in replacements for 7 community packages. Expo sponsor 📄 [Why I Walked Back from Next.js and RSC to a Plain SPA and Separate Backend](https://dev.to/devrayat000/why-i-walked-back-from-nextjs-and-rsc-to-a-plain-spa-and-a-separate-backend-3ibo) Zul Ikram Musaddik Rayat 📄 [TanStack Start Authentication: A Developer's Guide for 2026](https://workos.com/blog/tanstack-start-authentication-guide) Maria Paktiti (WorkOS) 📄 [Building a Predictive Text Input in React](https://matthuggins.com/blog/posts/building-a-predictive-text-input-in-react) Matt Huggins 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/cpuhmxm5bore4dnyfdyq.jpg)](https://reactdatatable.com/) [React Data Table: Responsive, Dynamic Table Component](https://reactdatatable.com/) — Simple and clean, but flexible. Includes features like column sorting and pagination out of the box. Lots of demos and code examples. This week’s [v8.3](https://github.com/jbetancur/react-data-table-component/releases/tag/v8.3.0) release focuses on localization. [GitHub repo.](https://github.com/jbetancur/react-data-table-component) John Betancur [pip-it-up: Pop Any Component Into a Floating PiP Window](https://pip-it-up.vercel.app/) — A way to pop any UI component into a floating ‘picture-in-picture’ window. Here are [some live examples.](https://pip-it-up-playground.vercel.app/) Saurabh Shakya [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/cyuefozaaux2bexuvyww.jpg)](https://spoiled.vercel.app/) [Spoiled 0.5: A Realistic 'Spoiler' Component for React](https://spoiled.vercel.app/) — Displays a cloud of particles over content that should stay obscured until revealed. The homepage is a live demo. [GitHub repo.](https://github.com/molefrog/spoiled) Alexey Taktarov 📰 Classifieds ⚙️ [Middleware, but for AI agents](https://agentfield.ai/github/?utm_source=react&utm_medium=newsletter&utm_campaign=react-260529&utm_id=react-260529-github-cta&utm_content=github-cta). Compose Claude Code, Codex & Gemini as one TypeScript harness — 100+ agent recipes.[agentfield.ai/github](https://agentfield.ai/github/?utm_source=react&utm_medium=newsletter&utm_campaign=react-260529&utm_id=react-260529-github-cta&utm_content=github-cta). - [React Native Reanimated 4.4](https://github.com/software-mansion/react-native-reanimated/releases/tag/4.4.0) – Easily build smooth animations on React Native. v4.4 has a new CSS animation engine on iOS that runs animations through Core Animation instead of a JS-driven update loop. - 👉 [React Native Gesture Handler 3.0](https://github.com/software-mansion/react-native-gesture-handler/releases/tag/v3.0.0) – Exposes platform-native touch/gesture systems to React Native. Now rebuilt for the New Architecture and with a new `Touchable` component. - ↔ [React Archer 5.0](https://github.com/pierpo/react-archer) – Draw arrows between DOM elements in React. v5.0 now supports React 19. - [Sugar High 1.2](https://sugar-high.vercel.app/) – Super-light (1KB) syntax highlighter for JavaScript and JSX. - [React Spring 10.1](https://www.react-spring.dev/) – A mild bump for the wildly popular UI animation library. - [MUI X 9.3](https://github.com/mui/mui-x/releases/tag/v9.3.0) – The popular component suite. Curated by Peter Cooper and Terence C. Gannon. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom