星期三 01 下午 四月 16o 2025
Advanced, real-world React case studies
#425 — April 16, 2025
🥚 We’re taking a little break for Easter but didn’t want to take the entire week off, so we have a slimline issue for you today :-) Back to full Dev Mode™ next Wednesday!
__
Peter Cooper, your editor
Together with
React Status
Advanced React in the Wild — A round-up of case studies showing how five different engineering teams have pushed React to the limit in production and their real-world wins in areas like performance, Core Web Vitals, caching, and more. A lot to enjoy here!
Addy Osmani and Hassan Djirdeh
JSX Over the Wire — Dan Abramov builds on last week’s epic React for Two Computers with thoughts on the evolution of passing data from server to client, contrasting traditional REST endpoints with a BFF approach that builds screen-specific ViewModels mirroring React’s component tree. An enjoyable train of thought for anyone interested in how and why client/server apps are organized the way they are and how it could be even better.
Dan Abramov
React Day: Free Online Event with Expert Talks on Modern React — Join Frontend Nation’s React Day on April 29 - a FREE online event with top experts like Kent C. Dodds, Tejas Kumar, & more. Get real-world insights into performance, UI for AI, & modern frontend techniques. Get your free ticket now.
React Day sponsor
Fastify + React – 7x Faster than Next.js? — Node’s Fastify framework has a mature plugin for Vite integration (explained in detail here), including @fastify/react which just hit version 1.0 and makes it easy to create fast, featureful (though obviously less so than Next.js) React apps atop Fastify. How fast? Very, it seems.
Jonas Galvez
Creating an AI Chat Experience with React and OpenAI — If you’d rather create your own streaming chat UI for OpenAI’s models (such as for the new API-only GPT 4.1 models) Robin has some pointers for getting started.
Robin Wieruch
📄 Migrating Grep from Create React App to Next.js – That’s Grep the code search engine, not grep
;-) More technical detail here than I was expecting. Niser and Corbett (Vercel)
🛠 Code, Tools & Libraries
RedwoodJS Evolving into Redwood GraphQL and RedwoodSDK — The full-stack React-based framework is shaking things up with the existing GraphQL-oriented framework becoming Redwood GraphQL and RedwoodSDK being a more general app abstraction set to be explained properly in the coming weeks.
RedwoodJS
react-photo-sphere-viewer: A Component to View Photo Spheres — This is one of those cases where a live demo is valuable. It’s basically a way to navigate specially-taken 360 degree photos (think Google Street View - kinda).
Elia Lazzari
Agent Hooks: Hooks That Bring Agents Into Your App — You could wire this sort of thing together yourself, but it provides an interesting abstraction.
Sun Chuánqí
⭐ Next.js 15.3 – Now with alpha support for using Turbopack for faster production builds, community support for Rspack, and new navigation hooks.
gridstack.js 12.0 – Build responsive interactive dashboards quickly.
useHotkeys 5.0 – Hook for using keyboard shortcuts in components.
React Date Picker 8.3 – Simple date picker component. (Demo.)
📢 Elsewhere in JavaScript
A roundup of some other interesting stories in the broader JavaScript landscape, in case you’ve missed them:
📘 Dr. Axel Rauschmayer has released Exploring TypeScript: TS 5.8 Edition – you can buy it, but also read it all online for free in HTML form.
ESLint has added support for ‘bulk suppressions’, a way to make adopting stricter linting rules more manageable.
Matt Smith showed off a better way to apply default values using nullish coalescing with ??
rather than using ||
.
The long-standing records and tuples proposal for JavaScript has been withdrawn at the latest TC39 meeting.
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
#425 — April 16, 2025
🥚 We’re taking a little break for Easter but didn’t want to take the entire week off, so we have a slimline issue for you today :-) Back to full Dev Mode™ next Wednesday!
__
Peter Cooper, your editor
Together with
React Status
Advanced React in the Wild — A round-up of case studies showing how five different engineering teams have pushed React to the limit in production and their real-world wins in areas like performance, Core Web Vitals, caching, and more. A lot to enjoy here!
Addy Osmani and Hassan Djirdeh
JSX Over the Wire — Dan Abramov builds on last week’s epic React for Two Computers with thoughts on the evolution of passing data from server to client, contrasting traditional REST endpoints with a BFF approach that builds screen-specific ViewModels mirroring React’s component tree. An enjoyable train of thought for anyone interested in how and why client/server apps are organized the way they are and how it could be even better.
Dan Abramov
React Day: Free Online Event with Expert Talks on Modern React — Join Frontend Nation’s React Day on April 29 - a FREE online event with top experts like Kent C. Dodds, Tejas Kumar, & more. Get real-world insights into performance, UI for AI, & modern frontend techniques. Get your free ticket now.
React Day sponsor
Fastify + React – 7x Faster than Next.js? — Node’s Fastify framework has a mature plugin for Vite integration (explained in detail here), including @fastify/react which just hit version 1.0 and makes it easy to create fast, featureful (though obviously less so than Next.js) React apps atop Fastify. How fast? Very, it seems.
Jonas Galvez
Creating an AI Chat Experience with React and OpenAI — If you’d rather create your own streaming chat UI for OpenAI’s models (such as for the new API-only GPT 4.1 models) Robin has some pointers for getting started.
Robin Wieruch
📄 Migrating Grep from Create React App to Next.js – That’s Grep the code search engine, not grep
;-) More technical detail here than I was expecting. Niser and Corbett (Vercel)
🛠 Code, Tools & Libraries
RedwoodJS Evolving into Redwood GraphQL and RedwoodSDK — The full-stack React-based framework is shaking things up with the existing GraphQL-oriented framework becoming Redwood GraphQL and RedwoodSDK being a more general app abstraction set to be explained properly in the coming weeks.
RedwoodJS
react-photo-sphere-viewer: A Component to View Photo Spheres — This is one of those cases where a live demo is valuable. It’s basically a way to navigate specially-taken 360 degree photos (think Google Street View - kinda).
Elia Lazzari
Agent Hooks: Hooks That Bring Agents Into Your App — You could wire this sort of thing together yourself, but it provides an interesting abstraction.
Sun Chuánqí
⭐ Next.js 15.3 – Now with alpha support for using Turbopack for faster production builds, community support for Rspack, and new navigation hooks.
gridstack.js 12.0 – Build responsive interactive dashboards quickly.
useHotkeys 5.0 – Hook for using keyboard shortcuts in components.
React Date Picker 8.3 – Simple date picker component. (Demo.)
📢 Elsewhere in JavaScript
A roundup of some other interesting stories in the broader JavaScript landscape, in case you’ve missed them:
📘 Dr. Axel Rauschmayer has released Exploring TypeScript: TS 5.8 Edition – you can buy it, but also read it all online for free in HTML form.
ESLint has added support for ‘bulk suppressions’, a way to make adopting stricter linting rules more manageable.
Matt Smith showed off a better way to apply default values using nullish coalescing with ??
rather than using ||
.
The long-standing records and tuples proposal for JavaScript has been withdrawn at the latest TC39 meeting.
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
发布者