--- title: "Recharts 3.0" publication: "React Status" issue: 433 published_at: "2025-06-25" canonical_url: "https://react.statuscode.com/issues/433" --- Plus Vite 7.0, Cloudflare's MCP hook, and React Admin 5.9. | #​433 — June 25, 2025 [Read on the Web](https://react.statuscode.com/issues/) Together with [![Frontend Masters logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_300,h_70/e_make_transparent/co_white,e_outline:5/nk0tfdvalivacz8rw7rt.png)](https://frontendmasters.com/courses/intermediate-react-v6/?utm_source=email&utm_medium=reactstatus&utm_content=reactv6) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/bxusz9k2qipdl168sfbr.jpg)](https://github.com/recharts/recharts/releases/tag/v3.0.0) [Recharts 3.0: D3-Powered Chart Library for React](https://github.com/recharts/recharts/releases/tag/v3.0.0) — A major refactoring release for a popular SVG and component-based charting library. [Numerous types](https://recharts.org/en-US/examples) of line, area, bar, scatter, composed, pie, and radar charts are available, complete with [example code.](https://recharts.org/en-US/examples/SynchronizedLineChart) — [GitHub repo.](https://github.com/recharts/recharts) recharts [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/69af25ea.png)](https://frontendmasters.com/courses/intermediate-react-v6/?utm_source=email&utm_medium=reactstatus&utm_content=reactv6) [Master the Latest React 19+ Features](https://frontendmasters.com/courses/intermediate-react-v6/?utm_source=email&utm_medium=reactstatus&utm_content=reactv6) — Join Brian Holt for this extensive video course and get hands-on with modern React features, learning how to build performant apps with features such as suspense, transitions, server components, and more. Frontend Masters sponsor ▶[_Vercel Ship 2025_ Livestreaming Right Now](https://www.youtube.com/watch?v=EfiKu56xvJk) — Obviously it depends on when you’re reading this, but _as we’re sending_ Guillermo Rauch is giving the keynote at today’s _Vercel Ship_ event where the popular app hosting provider and custodians of Next.js is expected to reveal its latest news, as well as give a variety of talks, [according to the schedule.](https://vercel.com/ship/schedule) Vercel 💡 If the livestream link above goes off the air, [the official homepage is here.](https://vercel.com/ship) **IN BRIEF:** - [Vite 7.0 has been released.](https://vite.dev/blog/announcing-vite7.html) There's [a migration guide](https://vite.dev/guide/migration) if you're upgrading from v6. - Shopify's William Candillon [reflects on the future of advanced graphics in React Native](https://shopify.engineering/webgpu-skia-web-graphics) using React Native Skia, and how WebGPU, Three.js, and a new backend called _Skia Graphite_ are changing the game. - Certificates․dev is now offering [a React certification.](https://certificates.dev/react) ▶[Building a macOS Desktop App using React Native](https://www.youtube.com/watch?v=Apy672AQb4U) — React Native isn’t just for mobile apps, you can use it for building apps for the Mac, TVs, and Windows, too. In just 14 minutes, Jack shows how it works for building an AI chat bot app for the Mac. Jack Herrington [Introducing SST v3 for Modern AWS Serverless Infrastructure](https://spin.atomicobject.com/sst-v3-for-aws-serverless/) — [SST](https://sst.dev/) is a framework for defining the infrastructure for full-stack apps in TypeScript. This post demonstrates using SST to deploy a full-stack React (and Hono) app on AWS and compares SST to alternative Terraform and CloudFormation approaches. Nathan Papes [How OAuth Works](https://go.clerk.com/ffpshPR) — A practical guide to OAuth Scoped Access with code examples, security tips, and how third-party integrations really work. Clerk sponsor 📄 [Bringing React's to Vanilla JS](https://plainvanillaweb.com/blog/articles/2025-06-12-view-transitions/) Joeri Sebrechts 📄 [Understanding React Re-Renders: What Triggers Them and Why They Matter](https://shramko.dev/blog/react-rerender) Serhii Shramko 📄 [Using Cursor to Migrate My Blog from WordPress to Next.js and Vercel](https://www.ericdodds.com/blog/using-cursor-to-migrate-my-wordpress-blog-to-nextjs-and-vercel) Eric Dodds 📄 [Can AI Rebuild a Rails Page in Next.js? We Tried It..](https://thoughtbot.com/blog/can-ai-rebuild-a-rails-page-in-next-js-we-tried-it) Jimmy Thigpen 📺 [Using TanStack Query in Expo Apps: Improving DX and UX Like No Other](https://www.youtube.com/watch?v=QTQm4TbarsI) Devlin Duldulao 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/mhsax5jl2divsi35r6fm.jpg)](https://blog.cloudflare.com/connect-any-react-application-to-an-mcp-server-in-three-lines-of-code/) [Connect Any React App to an MCP Server in Three Lines of Code](https://blog.cloudflare.com/connect-any-react-application-to-an-mcp-server-in-three-lines-of-code/) — Minutes before sending last week, we slipped in a link to Cloudflare’s new [use-mcp hook](https://github.com/modelcontextprotocol/use-mcp) – now, there’s a full writeup of what it brings to the table in terms of quickly creating [Model Context Protocol (MCP)](https://modelcontextprotocol.io/introduction) clients. Cloudflare [Warka: A Framework for React-Powered E-Ink Displays](https://github.com/k3nz0/Warka) — Made of multiple parts, with a React-coded frontend, a Python-based server, and an ESP32-powered device to get the e-ink display showing your interface. [Photos of how it looks.](https://github.com/k3nz0/Warka?tab=readme-ov-file#demo) Moez Ezzeddine 🔊 [Soundz: Another Way to Bring Sound Effects to Components](https://soundzjs.vercel.app/) — Joining [react-sounds](https://www.reactsounds.com/) and [use-sound](https://github.com/joshwcomeau/use-sound) is this fresh take on adding sound effects to components with [several live examples here.](https://soundzjs.vercel.app/examples) Kaycee Ingram [react-force-graph: 2D, 3D, VR and AR Force Directed Graphs](https://github.com/vasturiano/react-force-graph) — A way to create visualizations of complex network / graph relationships. There’s a big [demo](https://vasturiano.github.io/react-force-graph/example/large-graph/) as well as [numerous examples with source.](https://github.com/vasturiano/react-force-graph?tab=readme-ov-file#examples) Vasco Asturiano - [ReMDX 0.16](https://github.com/nkzw-tech/remdx) – Build minimal presentations with React and MDX. ([Example.](https://turn-based-ai.nakazawa.dev/)) - [Intergalactic 16.4](https://developer.semrush.com/intergalactic/) – Design system and library of 50+ React components. - [React Admin 5.9](https://github.com/marmelab/react-admin/releases/tag/v5.9.0) – Framework for building B2B frontend interfaces. - [rn-swiper-list 2.5](https://github.com/Skipperlla/rn-swiper-list) – Tinder-esque swiping for React Native. - [MDXEditor 3.37](https://mdxeditor.dev/) – Rich editor component for Markdown. - [BlockNote 0.32](https://github.com/TypeCellOS/BlockNote/releases/tag/v0.32.0) – 'Notion-style' block-based editor. 📰 Classifieds ⚛️ [Join React Summit US to learn under the stars!](https://reactsummit.us/?utm_source=Newsletter&utm_medium=ReactStatus%20) Meet Addy Osmani, Amy Dutton, Tanner Linsley & more Nov 18 & 21 in NYC & online. --- [Hope AI - Software architecture agent for Developers](https://bit.cloud/?utm_source=ReactStatus&utm_id=130&utm_medium=newsletter%20). Compose high-quality applications and reusable UI components in React. by [Bit.Cloud](https://bit.cloud/?utm_source=ReactStatus&utm_id=130&utm_medium=newsletter). 📢 Elsewhere in JavaScript A roundup of some other interesting stories in the broader JavaScript landscape, in case you've missed them: - ⭐ The creators of the CKEditor JavaScript rich-text editor explain, in depth, [how they made their editor's bundle 40% smaller.](https://ckeditor.com/blog/how-we-reduced-ckeditor-bundle-size/) This is a good read. - Popular alternative server-side JS runtime [Bun v1.2.17](https://bun.sh/blog/bun-v1.2.17) supports ahead-of-time bundling in server-side code, and has [even more Node.js compatibility improvements.](https://bun.sh/blog/bun-v1.2.17#node-js-compatibility-improvements) - The AdonisJS Node.js webapp framework is _shifting gears_ and is [busy working on its roadmap towards AdonisJS 7.](https://adonisjs.com/blog/roadmap-to-adonisjs-7) - Dr. Axel Rauschmayer has [some tips on making regular expressions easier to use](https://2ality.com/2025/06/javascript-regexp-tips.html) in JavaScript. - [SVGO 4.0](https://github.com/svg/svgo/releases/tag/v4.0.0) – the latest major version of a popular, Node.js SVG optimizer tool – has been released. - If you're tired of complex Web syntax highlighting approaches, [](https://andreruffert.github.io/syntax-highlight-element/) is an interesting new custom element that uses the CSS Custom Highlight API to avoid an endless sea of elements. - [Node.js 24.3.0 (Current)](https://nodejs.org/en/blog/release/v24.3.0) and [Node 22.17.0 (LTS)](https://nodejs.org/en/blog/release/v22.17.0) have been released. 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