--- title: "Comparing React Server Components with Astro's islands" publication: "React Status" issue: 428 published_at: "2025-05-07" canonical_url: "https://react.statuscode.com/issues/428" --- Plus Mantine 8.0, Relay 19, and Material UI 7.1. | #​428 — May 7, 2025 [Read on the Web](https://react.statuscode.com/issues/) 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://blog.sentry.io/react-js-performance-guide/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy26q2-traceblog&utm_content=newsletter-s-read) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ppatreyox9goefvtlp2k.jpg)](https://mantine.dev/changelog/8-0-0/) [Mantine 8.0: The Full Featured React Components Library](https://mantine.dev/changelog/8-0-0/) — [Mantine](https://mantine.dev/) is one of the most celebrated React components libraries, and for good reason: it’s full featured, modern, and looks great. v8.0 ups its chart game with a little _Recharts_ magic, adds over twenty new components (including a GitHub-style [Heatmap](https://mantine.dev/charts/heatmap/), [Tree](https://mantine.dev/core/tree/) and [SemiCircleProgress](https://mantine.dev/core/semi-circle-progress/)), submenus, and much more. Vitaly Rtishchev et al. [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/b12ed667.png)](https://blog.sentry.io/react-js-performance-guide/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy26q2-traceblog&utm_content=newsletter-s-read) [Your React App Is Fast. Until It Isn’t](https://blog.sentry.io/react-js-performance-guide/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy26q2-traceblog&utm_content=newsletter-s-read) — From bloated bundles to re-render chaos, this guide breaks down 8 common React perf killers—and how to fix them. Tools, tactics, and just enough salt to keep you from writing another 500ms spinner. Sentry sponsor **IN BRIEF:** - An anonymous Reddit user [shares the process a 'big tech company' used](https://www.reddit.com/r/reactjs/comments/1k5ft9d/a_real_example_of_a_big_tech_react_tech_screen/) in their hiring process for a React developer. - 🇺🇸 [React Conf 2025](https://conf.react.dev/) is taking place this October, just outside Las Vegas, as it did last year. - [Tiptap 3.0 Beta](https://tiptap.dev/tiptap-editor-v3) – the latest version of the Tiptap headless rich text editor framework is out in beta form. [React Server Components for Astro Developers](https://overreacted.io/rsc-for-astro-developers/) — [Astro](https://astro.build/)’s ‘island’ architecture and React Server Components share a strikingly similar mental model. Dan compares the two, digs into some of the quirks, and suggests Astro might be a ‘gentler onramp’ to some of RSC’s ideas if you’re struggling with them. Dan Abramov [Robust Data Fetching Architecture for Complex React/Next.js Apps](https://www.trevorlasn.com/blog/fetching-data-for-complex-next-and-react-apps) — _“How I use the ‘Three Layers of Data’ architecture pattern for React and Next.js apps to avoid common pitfalls, tech debt, and improve performance.”_ Trevor I. Lasn [How to Build a React Login Page Template](https://go.clerk.com/dJtkFLL) — Learn to build auth with React & Express, compare JWT vs session auth, and get a plug-and-play login page template. Clerk sponsor 📺 [The React Compiler Explained in Three Minutes](https://www.youtube.com/watch?v=40osg7LoShc) Better Stack 📄 [Towards React Server Components in Clojure](https://romanliutikov.com/blog/towards-react-server-components-in-clojure-part-1) Roman Liutikov 📄 [React Rendering as OCaml Modes](https://uptointerpretation.com/posts/ocaml-modes-for-react/) Nick Yang 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ou2gdif83ct1fm4rignl.jpg)](https://www.reactsounds.com/) [react-sounds: Add Sound Effects to React Apps](https://www.reactsounds.com/) — Having sound effects on the Web might sound like your idea of a nightmare, but this is a well put together project with delicate, well thought out examples that strike the right_tone._ Aedilic Inc. [Relay v19: Facebook's Declarative React/GraphQL Framework](https://github.com/facebook/relay/releases/tag/v19.0.0) — [Relay](https://relay.dev/) is interesting as it comes from Facebook but _not_ the React team and was originally created for the React Native sections of the Facebook app. Relay v19 is now compatible with React 19. Meta [mono-jsx: `` as a `Response`](https://github.com/ije/mono-jsx) — A server-side JSX runtime that renders `` to a `Response` with no build step needed and works across numerous server-side JS runtimes (e.g. Node, Deno, Bun, Cloudflare Workers..) Je Xia [PptxGenJS 4.0: Build PowerPoint Presentations with JavaScript](https://github.com/gitbrent/PptxGenJS) — A mature library that outputs standards-compliant Open Office XML files compatible with PowerPoint, Apple Keynote, and other common presentation tools. Supports graphics, text, tables, and other typical slide objects. [Lots of demos.](https://gitbrent.github.io/PptxGenJS/demo/browser/index.html) Brent Ely - [DOCX 9.5](https://github.com/dolanmiu/docx) – Generate Word documents from JavaScript. [Here's an example](https://stackblitz.com/edit/react-docx?file=index.tsx) of integrating it into a React app. - [Material UI 7.1](https://github.com/mui/material-ui/releases/tag/v7.1.0) – Independent React components using Material Design. Now works with Tailwind CSS 4. - [React Modal Sheet 4.4](https://github.com/Temzasse/react-modal-sheet) – Flexible bottom sheet component built with Framer Motion for smooth transitions ([Demos.](https://temzasse.github.io/react-modal-sheet/)) - [react-resizable-panels 3.0](https://react-resizable-panels.vercel.app/) – Components for resizable panel groups/layouts. - [React Stripe.js 3.7](https://github.com/stripe/react-stripe-js) – Components for Stripe.js and Stripe Elements. - [motion 12.10](https://github.com/motiondivision/motion) – A modern animation library for React and JavaScript - [virtua 0.41](https://github.com/inokawa/virtua) – Fast, small virtual list (and grid) component. - [React Chrono 2.7](https://github.com/prabhuignoto/react-chrono) – Modern timeline component. - [MUI X 8.2](https://github.com/mui/mui-x/releases/tag/v8.2.0) – Popular React component suite. 📢 Elsewhere in JavaScript A roundup of some other interesting stories in the broader JavaScript landscape, in case you've missed them: - 🤖 [Google has updated its Gemini 2.5 Pro model](https://developers.googleblog.com/en/gemini-2-5-pro-io-improved-coding-performance/) – they claim it's now far better at building front-end apps in particular with 'a real taste for aesthetic web development'. - [Node v24.0.0 (Current) was released](https://nodejs.org/en/blog/release/v24.0.0) yesterday, including V8 13.6, npm 11, Undici 7, and `URLPattern` as an exposed global object for matching URLs against patterns. - [Bun v1.2.12 is out](https://bun.sh/blog/bun-v1.2.12) with yet more Node.js compatibility enhancements. As part of Bun's new full-stack focus, you can now also stream _browser_ console logs back through Bun at the terminal. - Dr. Axel Rauschmayer digs into [converting values to strings in JavaScript](https://2ality.com/2025/04/stringification-javascript.html) and some of the pitfalls you can encounter when doing so. - Currently at stage 3 at TC39, the [ECMAScript Explicit Resource Management proposal](https://github.com/tc39/proposal-explicit-resource-management) has been implemented in Chrome 134+ and Node 24. - If you've been avoiding Redis after the license controversy in 2024, you'll be happy to know [Redis is now open source again](https://antirez.com/news/151) as of version 8.0. 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