📦 Headless Tree 1.0: A successor to React Complex tree, the author has a blog post explaining the change.
Lukasbach
Headless Tree | Headless Tree
The definitive tree component for the Web
🔥2
📦 Module Federation Core 0.13: Better React 19 support and bug fixes.
GitHub
Release v0.13.0 · module-federation/core
What's Changed
New Features 🎉
feat(bridge-react): Add native support for React 19 in bridge-react with enhanced createRoot options by @danpeen in #3690
feat(bridge-react): add error detection ...
New Features 🎉
feat(bridge-react): Add native support for React 19 in bridge-react with enhanced createRoot options by @danpeen in #3690
feat(bridge-react): add error detection ...
📦 Base UI 1.0 alpha-8: The new Radix UI alternative keeps progressing with new Toast and Meter components among many other things.
GitHub
Release v1.0.0-alpha.8 · mui/base-ui
Apr 17, 2025
Accordion
Recalculate panel dimensions on layout resize (#1704) @atomiks
Rework animations and transitions (#1601) @mj12albert
AlertDialog
Breaking change: Rename data-has-nested-di...
Accordion
Recalculate panel dimensions on layout resize (#1704) @atomiks
Rework animations and transitions (#1601) @mj12albert
AlertDialog
Breaking change: Rename data-has-nested-di...
🔥1
📣 TC39 meeting 107th - ECMA Proposal Updates: Summarizes the proposals that progressed last week. Sad to see Records & Tuples withdraw, but we also have new interesting proposals to watch, such as Enums and Composites.
ECMAScript Daily
ECMAScript proposal updates @ 2025-04
The changes of proposal’s status @ 107th meeting of Ecma TC39
🔐 React Router vulnerabilities and v7.5.2 fixes: React Router v7 has 2 important security vulnerabilities that could lead to DOS and XSS attacks. They have been fixed in the latest v7.5.2 release. Various cloud providers have deployed a mitigation already (Vercel, Netlify, Cloudflare), but it remains useful to upgrade.
GitHub
react-router/CHANGELOG.md at main · remix-run/react-router
Declarative routing for React. Contribute to remix-run/react-router development by creating an account on GitHub.
👍1
👀 Next.js Docs PR - Remove Vercel mentions: The Next.js docs should now be less biased toward Vercel, and include its competitors more fairly. Personally, I think there's nothing wrong with offering your OSS software to the community and using it as a marketing vector for your paid offer (this is how many OSS projects become sustainable). Even for a larger company like Vercel, it's fair play to do that, but probably necessary to restore the broken trust with some of you.. A reminder that Vercel is not “taking over” the React team, and various client-side-only React Labs features announced last week are implemented by Vercel employees (such as
<ViewTransition>).GitHub
docs: remove Vercel mentions and improve deployment page by leerob · Pull Request #78557 · vercel/next.js
This PR prunes references to Vercel in the documentation. Some of the mentions were egregious and unneeded. Others were documenting specific behavior for how Next.js runs on Vercel, which is better...
👍1
👀 Vite RSC Plan: A Vite contributor is taking over the development of an upcoming
react-server-dom-vite package. Many integration PRs have been sent to frameworks like Waku or RedwoodSDK.GitHub
Vite RSC Plan · Issue #748 · hi-ogawa/vite-plugins
Currently, there are a few different aspects of concerns, which make RSC on Vite difficult. working around react-server-dom-webpack (or other react-server-dom-xxx) implementing Vite ssr framework s...
👍1
📜 What Does "use client" Do?: Dan Abramov explains RSCs have no API surfaces. The directives are module system features that open doors between 2 worlds and could even make sense beyond React. Speaking of Dan, he just re-launched his YouTube channel, in case you want him to walk you through his blog posts.
overreacted.io
What Does "use client" Do? — overreacted
Two worlds, two doors.
📜 You can serialize a promise in React: A great interactive article that explains how React is able to forward a Promise from the server to the client through a stream. To do so, it re-creates a tiny version of this mechanism.
Twofoldframework
You can serialize a promise in React
Use React to create a promise on the server and later finish it on the client.
📜 React Internals: Which useEffect runs first?: A good reminder that
useEffect callbacks run bottom-up, from the deepest child to the root (unless you use <Activity>, but that’s a story for another time 🙈).Frontend Masters
React Internals: Which useEffect runs first?
useEffect is one of the most commonly used hooks in the React community. Regardless of how much experience you have with React, you’ve probably used it before.
👍1
📜 Concurrent Optimistic Updates in React Query: Dominik shares interesting patterns to avoid displaying an inconsistent UI when using React Query with concurrent mutations and optimistic updates. Tip: only call
invalidateQueries() when there’s a single in-flight mutation.tkdodo.eu
Concurrent Optimistic Updates in React Query
How to build optimistic UI that is resilient to race conditions, even when multiple mutations update the same entity concurrently.
👍2
📜 Parents & Owners in React: Context Providers: Explains the difference between parent and owner components. By restructuring the owner tree without changing the parent tree, we create more targeted “units of update”.
JulesBlom.com
Parents & Owners in React: Context Providers | JulesBlom.com
Understanding how parent and owner components affect context updates can help you write more performant context providers
👍1🔥1
📜 From Next.js to Astro: A Page Size Comparison: A quite fair numbers comparison after porting a small static Next.js site to Astro, reducing bundle size.
Norbauer
From Next.js to Astro: A Page Size Comparison
A comparison of page size after rebuilding this site in Astro
👍1