--- title: "How React streams UI out of order" publication: "React Status" issue: 472 published_at: "2026-05-01" canonical_url: "https://react.statuscode.com/issues/472" --- Plus Cloudflare's React 19 email client, benchmarking React Native animation libraries, and nicer URLs in local development with `portless`. #​472 — May 1, 2026 [Read on the Web](https://react.statuscode.com/issues/472) Together with [![Sentry logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_350,h_100/e_make_transparent/co_white,e_outline:7/xdmchdxkka938lxfr86f.png)](https://sentry.io/resources/nextjs-may-workshop/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=nextjs-fy27q2-nextjsworkshop&utm_content=newsletter-primary-register) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/wuzlvlrndhr6v5tyr1qc.jpg)](https://github.com/cloudflare/agentic-inbox) [Agentic Inbox: A React and Cloudflare-Powered Web Email Client](https://github.com/cloudflare/agentic-inbox) — An open source React 19 and React Router 7-based Gmail-style email app, leaning on Durable Objects, R2, and other APIs. An interesting example of tying together numerous Cloudflare APIs into a single React app. Cloudflare [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/63006ed5.jpeg)](https://sentry.io/resources/nextjs-may-workshop/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=nextjs-fy27q2-nextjsworkshop&utm_content=newsletter-primary-register) [Stop Guessing Where Your Next.js App Broke [Workshop\]](https://sentry.io/resources/nextjs-may-workshop/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=nextjs-fy27q2-nextjsworkshop&utm_content=newsletter-primary-register) — Pinpoint where your Next.js production issues originated. Learn to write high-context logs, query them for silent failures, and trace across client and Node runtimes using Sentry. Hands-on and free. [Register today](https://sentry.io/resources/nextjs-may-workshop/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=nextjs-fy27q2-nextjsworkshop&utm_content=newsletter-primary-register). Sentry sponsor [Inside React's Out-of-Order Streaming](https://inside-react.vercel.app/blog/how-react-streams-ui-out-of-order) — Suspense (and Server Components) can seem magical until you see what comes down the wire. This tour shows how React streams UI out of order with boundary markers, template placeholders, staging nodes, and tiny scripts that move content into place. Sankalpa Acharya **IN BRIEF:** - [Remix 3 Beta Preview](https://remix.run/blog/remix-3-beta-preview) is out. Once a React framework, Remix is now taking ['a new path'](https://remix.run/blog/wake-up-remix), moving away from React toward a web-first full-stack runtime and component model. - [TanStack Table](https://tanstack.com/table/latest) v9 has been in alpha for two years, but the beta is close says TanStack's Kevin Thomas Van Cott who [shared an update on _X_](https://x.com/KevinVanCott/status/2049151097042837841). - [Devicons](https://devicons.io/icons/) offers over 1000 dev-oriented icons (companies, technologies, file types, etc.) to copy and paste into React projects. - The React Native community is discussing deprecating Cocoapods and [replacing it with Swift Package Manager on iOS.](https://github.com/react-native-community/discussions-and-proposals/pull/994) [The Real Cost of React Native Animations: Benchmarking Every Approach](https://expo.dev/blog/the-real-cost-of-react-native-animations-benchmarking-every-approach) — A hard-data writeup measuring the per-frame cost of using Reanimated, RN Animated, and the new Ease library on real devices. Janic Duplessis 📄 [Accessibility in React: Common Mistakes and How to Fix Them](https://certificates.dev/blog/accessibility-in-react-common-mistakes-and-how-to-fix-them) Aurora Scharff 🤖 [When to Use Apple Foundation Models on Mobile](https://www.callstack.com/blog/when-to-use-apple-foundation-models-on-mobile) – [@react-native-ai/apple](https://www.npmjs.com/package/@react-native-ai/apple) opens up Apple Intelligence to React Native apps. Lech Kalinowski (Callstack) 📺 [Partial Page Caching Using React Server Components](https://www.youtube.com/watch?v=t9xB8xvySyo) Jack Herrington 📄 [Making Bluetooth Low Energy Work with JavaScript](https://dev.to/blackscripts/making-bluetooth-low-energy-work-with-javascript-1b5n) Ifedayo Agboola 📄 [How to Make Pure JSI Code Faster in React Native](https://blog.margelo.com/make-jsi-run-faster) Alex Shumihin 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/pc9gmzsjqny3yqdpe3dd.jpg)](https://github.com/vercel-labs/portless) [portless: Replace Port Numbers with Stable, Named Local URLs](https://github.com/vercel-labs/portless) — If you’d rather see something like `https://myapp.localhost` than `http://localhost:3000` this is for you. It’s built on Node, and now includes [new features for Tailscale users.](https://github.com/vercel-labs/portless/releases/tag/v0.12.0) Vercel Labs [useHotkeys 5.3: A Hook for Keyboard Shortcuts in Components](https://react-hotkeys-hook.vercel.app/) — Apply keyboard shortcuts to components in a declarative way, e.g. `useHotkeys('ctrl+k', callback_here)`. [GitHub repo.](https://github.com/JohannesKlauss/react-hotkeys-hook) Johannes Klauss [You Know Next.js Routing. Now Use It to Ship Native Apps](https://try.expo.dev/react-status) — Expo Router: file-based routes, API routes, deep links, and SSR. Same patterns, native performance. Expo sponsor [Nano Stores 1.3: A Tiny (286 Bytes) State Manager](https://github.com/nanostores/nanostores) — Atomic and derived stores for every major framework (including React) and vanilla JS. Worth a look if a tiny footprint and framework-agnostic design appeal to you. Andrey Sitnik (Evil Martians) [SSGOI 5.0: Native App-Like Page Transitions for the Web](https://ssgoi.dev/en) — Boasts broader browser support than native page transitions and it has router-agnostic React bindings. The site has several striking demos. [GitHub repo.](https://github.com/meursyphus/ssgoi) MeurSyphus - 📱 [JailMonkey 3.0](https://github.com/GantMan/jail-monkey) – React Native library to identify if a phone is rooted or spoofing its location. - [MUI OTP Input 7.0](https://github.com/viclafouch/mui-otp-input) – One-time password input component for MUI. 📰 Classifieds Flaky tests slowing down dev? [Meticulous](https://www.meticulous.ai/?utm_source=reactstatus&utm_medium=newsletter&utm_campaign=26q2&utm_content=classified) gives engineers confidence to ship faster by autonomously testing every edge case of your web app. --- ⚛️ The new Clerk CLI detects your framework, scaffolds auth with clerk init, and manages config in code. Open source:[clerk.com/cli](https://go.clerk.com/5SK8oAy) --- 🎸 Level up your React skills at [React Norway 2026](https://reactnorway.com/?utm_medium=social&utm_source=ReactStatus) Deep talks by top speakers + live rock concert. One ticket, two experiences. Jun 5th, Oslo. (10% off with code: rs2026) 📢 Elsewhere in the ecosystem - Neciu Dan's [What’s Actually New in JavaScript (And What’s Coming Next)](https://neciudan.dev/whats-new-in-javascript) lets you catch up with new ES2025/ES2026 language additions, many of which are widely supported. Things like `Promise.try`, new `Set` methods, `Array.fromAsync`, and `using`. - [Datatype](https://franktisellano.github.io/datatype/) is a variable OpenType font for rendering inline 📊, 📈, or pie charts in your app from plain text (e.g. `{l:10,50,30,80,20}`). It's [available on Google Fonts](https://fonts.google.com/specimen/Datatype). - [Perry](https://www.perryts.com/) is an interesting cross-platform TypeScript compiler that compiles directly to native executables that could be an alternative to React Native in certain situations. - _Node v26.0 (Current)_ is expected to land next week with Temporal API support enabled by default. Here's a [preview of the release notes.](https://github.com/nodejs/node/pull/62526) - [Astro 6.2](https://astro.build/blog/astro-620/) has been released. 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