--- title: "Figma MCP vs Claude: A React coding battle" publication: "React Status" issue: 437 published_at: "2025-07-23" canonical_url: "https://react.statuscode.com/issues/437" --- Plus an introduction to Zustand, a new UI component library, and some new React Compiler docs too. | #​437 — July 23, 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/react-nextjs-state/) ⚛️ React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/lbpqo32saqtar2dh4crc.jpg)](https://www.untitledui.com/react) [Untitled UI React: A Fresh UI Component Library](https://www.untitledui.com/react) — A giant collection of open-source (MIT) components built around Tailwind CSS and React Aria so you can ‘copy, paste, and build’ – there’s [a full introduction here.](https://untitledui.com/react/docs/introduction) It is, however, not _only_ open source, there’s a ‘PRO’ offering which gives even more components, examples, and Figma integration. Untitled UI [The New _React Compiler_ Docs](https://react.dev/learn/react-compiler) — The React team has been working hard on improving the official documentation for React Compiler, the ahead-of-time optimization tool that’s still currently in its release candidate phase. But if you want to learn more and dive in, these improved docs make it a good time to do so. The React Team [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/d9079196.webp)](https://frontendmasters.com/courses/react-nextjs-state/) [Avoid Common Mistakes in React and Next.js](https://frontendmasters.com/courses/react-nextjs-state/) — Avoid redundant useState and useEffect, deeply nested data, unscalable forms, and hidden shared state bugs. David Khourshid teaches practical patterns to refactor complex apps and scale with confidence! Frontend Masters sponsor ▶[Figma MCP vs Claude: A UI Building Battle](https://www.youtube.com/watch?v=uGp5kTPWaqY) — Jack has a basic app view built in Figma and wants to turn it into working React code. What works best? Taking a screenshot and getting Claude Code to attempt to implement it, or use [Figma’s own MCP server](https://www.figma.com/blog/introducing-figmas-dev-mode-mcp-server/) to do the work? _(8 minutes.)_ Jack Herrington [Introducing Zustand for State Management](https://frontendmasters.com/blog/introducing-zustand/) — The ‘barebones’ state management solution [Zustand](https://github.com/pmndrs/zustand) is now mature, popular, and battle-tested, but if you’ve been waiting for a comprehensive introduction, this is for you. Adam Rackis [React Router and React Server Components: The Path Forward](https://remix.run/blog/react-router-and-react-server-components) — Find out what’s coming up for you if you’re a React Router user keen to work with React Server Components: _“the implications are greater than you might expect.”_ Ebey and Dalgleish [React Graph Visualization: Practical Guide & Real Examples](https://cambridge-intelligence.com/react-graph-visualization-library?utm_campaign=16812718-React%20Status%20newsletter%20ad&utm_source=NewsletterAd&utm_medium=SponsoredLink) — Discover why React graph visualization is a developer favorite for building dynamic, flexible and interactive UIs. Cambridge Intelligence sponsor 📄 [How to Build 2D Game-Style Physics with Matter.js and React Native Skia](https://expo.dev/blog/build-2d-game-style-physics-with-matter-js-and-react-native-skia) Daniel Friyia (Expo) 📄 [We Migrated Our Next.js Site to Eleventy and Increased Performance by 24%](https://etch.co/blog/we-migrated-our-site-to-eleventy-and-increased-performance-by-24-percent) – [Eleventy (11ty)](https://www.11ty.dev/) is a popular Node-based static site generator. Dan Webb 📄 [Create a React PWA with Social Login Authentication using Okta](https://developer.okta.com/blog/2025/07/22/react-pwa) Emmanuel Folaranmi (Okta) 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/hw1kixqyfki8fbqdydwj.jpg)](https://reagraph.dev/) [Reagraph: WebGL-Powered Network Graph Visualization for React](https://reagraph.dev/) — It has [thorough docs](https://reagraph.dev/docs) and [a full Storybook instance](https://storybook.reagraph.dev/) packed with examples with code. [GitHub repo.](https://github.com/reaviz/reagraph) REAGRAPH [React Unity WebGL 10.0: Embed Unity WebGL Apps into React Apps](https://react-unity-webgl.dev/) — [Unity](https://unity.com/) is best known as a platform for building 3D games but can be used for broader applications too. _React Unity WebGL_, now celebrating its 8th birthday, helps you integrate WebGL-powered Unity apps with React apps and communicate between the two. [GitHub repo.](https://github.com/jeffreylanters/react-unity-webgl) Jeffrey Lanters [React CodeMirror: A CodeMirror Editor Component](https://uiwjs.github.io/react-codemirror/) — [CodeMirror](https://codemirror.net/) is a popular JavaScript code editor – this makes it easier to use from React. The homepage has a full, customizable demo showing off the potential. [GitHub repo.](https://github.com/uiwjs/react-codemirror) UIW [fluent-state: Fluent, Immutable React Local State 'That Just Makes Sense'](https://github.com/marsbos/fluent-state) — A proxy-based hook for deeply nested, reactive state, computed reactive state and built-in effects — zero boilerplate, no reducers, no magic. Marcel Bos - [React Markdown Editor 4.0.8](https://github.com/uiwjs/react-md-editor) – Simple Markdown editor with syntax highlighting and no dependence upon a larger editor component. ([Demos.](https://uiwjs.github.io/react-md-editor/)) - [Yet Another React Lightbox 3.25](https://github.com/igordanchenko/yet-another-react-lightbox) – Modern React lightbox component. - [React Native Audio API 0.6.5](https://github.com/software-mansion/react-native-audio-api) – Audio engine based on Web Audio API. - [React Admin 5.10](https://github.com/marmelab/react-admin/releases/tag/v5.10.0) – Framework for building B2B frontend interfaces. - [React Stripe.js 3.8](https://github.com/stripe/react-stripe-js) – Components for Stripe.js and Stripe Elements. - [React Native Rich Text Editor 1.10](https://github.com/wxik/react-native-rich-editor) 📢 Elsewhere in JavaScript A roundup of some other interesting stories in the broader JavaScript landscape, in case you've missed them: - Platformatic has [unveiled a way to run Laravel apps in Node.js.](https://blog.platformatic.dev/laravel-nodejs-php-in-watt-runtime) - [Bun v1.2.19 has been released](https://bun.sh/blog/bun-v1.2.19) with a new option to use a pnpm-style isolated, symlinked `node_modules` with `bun install`, an interactive package updater, a VS Code Test Explorer integration, a faster integrated Postgres client, and more. - [The eslint-config-prettier package was recently compromised](https://safedep.io/eslint-config-prettier-major-npm-supply-chain-hack/) and here's some analysis of how it worked and how it happened. - [bhvr](https://bhvr.dev/) is an interesting new attempt at creating a React-based stack for fullstack apps using [Hono](https://hono.dev/) and [Vite.](https://vite.dev/) _(bhvr itself stands for Bun, Hono, Vite and React.)_ 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