How React streams UI out of order

дата:
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
Together with  Sentry logo
 React Status

Agentic Inbox: A React and Cloudflare-Powered Web Email Client — 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

Stop Guessing Where Your Next.js App Broke [Workshop] — 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.

Sentry sponsor

Inside React's Out-of-Order Streaming — 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:

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 Aurora Scharff

🤖 When to Use Apple Foundation Models on Mobile – @react-native-ai/apple opens up Apple Intelligence to React Native apps. Lech Kalinowski (Callstack)

📺 Partial Page Caching Using React Server Components Jack Herrington

📄 Making Bluetooth Low Energy Work with JavaScript Ifedayo Agboola

📄 How to Make Pure JSI Code Faster in React Native Alex Shumihin

🛠  Code, Tools & Libraries

portless: Replace Port Numbers with Stable, Named Local URLs — 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.

Vercel Labs

useHotkeys 5.3: A Hook for Keyboard Shortcuts in Components — Apply keyboard shortcuts to components in a declarative way, e.g. useHotkeys('ctrl+k', callback_here). GitHub repo.

Johannes Klauss

You Know Next.js Routing. Now Use It to Ship Native Apps — 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 — 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 — Boasts broader browser support than native page transitions and it has router-agnostic React bindings. The site has several striking demos. GitHub repo.

MeurSyphus

  • 📱 JailMonkey 3.0 – React Native library to identify if a phone is rooted or spoofing its location.

  • MUI OTP Input 7.0 – One-time password input component for MUI.

📰 Classifieds

Flaky tests slowing down dev? Meticulous 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

🎸 Level up your React skills at React Norway 2026 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) 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 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.

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

  • Astro 6.2 has been released.
n

Комментарии

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