Comparing React Server Components with Astro's islands

дата:
Plus Mantine 8.0, Relay 19, and Material UI 7.1. |

#​428 — May 7, 2025

Read on the Web
Together with  Sentry logo
React Status

Mantine 8.0: The Full Featured React Components Library — Mantine 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, Tree and SemiCircleProgress), submenus, and much more.

Vitaly Rtishchev et al.

Your React App Is Fast. Until It Isn't — 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:

React Server Components for Astro Developers — Astro'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 — "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 — 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 Better Stack

📄 Towards React Server Components in Clojure Roman Liutikov

📄 React Rendering as OCaml Modes Nick Yang

🛠  Code, Tools & Libraries

react-sounds: Add Sound Effects to React Apps — 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 — Relay 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: <html> as a Response — A server-side JSX runtime that renders <html> 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 — 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.

Brent Ely

📢  Elsewhere in JavaScript

A roundup of some other interesting stories in the broader JavaScript landscape, in case you've missed them:

n

Комментарии

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