--- title: "React Compiler won't always save you" publication: "React Status" issue: 392 published_at: "2024-07-10" canonical_url: "https://react.statuscode.com/issues/392" --- Plus a good useCallback vs useMemo comparison, and staying in the React Flow. | #​392 — July 10, 2024 [Read on the Web](https://react.statuscode.com/issues/392) Together with [![Posthog\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_2303,h_420/e_make_transparent/co_white,e_outline:12/i4lkeq9vxu5ccjyxdkep.png)](https://newsletter.posthog.com/?utm_source=rstatus&utm_campaign=rstatus) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/gu7usums3vnkuxs5uc2h.jpg)](https://www.xyflow.com/blog/react-flow-12-release) [React Flow 12: Build Node-Based Editors and Interactive Diagrams](https://www.xyflow.com/blog/react-flow-12-release) — Now more broadly known as [xyflow](https://www.xyflow.com/), this mature library makes it easy to create ‘node-based UIs’ where you want to have numerous interactive components wired together however you choose. Version 12 introduces server side rendering support, dark mode, more hooks and helpers, and better DX via TSDoc. Moritz Klack and John Robb [Sneaky React Memory Leaks: How the React Compiler Won’t Save You](https://schiener.io/2024-07-07/react-closures-compiler) — Closures can lead to memory leaks in React and while the new and exciting [React Compiler](https://react.dev/learn/react-compiler) can tackle a lot of issues and make most codebases more performant, it pays to be aware of the tricky edge cases. Kevin Schiener [![\](https://copm.s3.amazonaws.com/60a46369.png)](https://newsletter.posthog.com/?utm_source=rstatus&utm_campaign=rstatus) [Product for Engineers: A Newsletter Helping Flex Your Product Muscle](https://newsletter.posthog.com/?utm_source=rstatus&utm_campaign=rstatus) — Product for Engineers is PostHog’s newsletter helping engineers improve their product skills. Subscribe to get curated advice on building great products, lessons (and mistakes) from building PostHog, and dives into the strategies of top startups. PostHog sponsor ▶[React 19's `use` Hook Can Impact App Performance](https://www.youtube.com/watch?v=t6MeFVF3V9I) — The new `[use](https://react.dev/reference/react/use)()` hook in React 19 looks great. However, there are some potential issues which require some exploration and explanation, says Jack. Jack Herrington [Learn Suspense by Building a Suspense-Enabled Library](https://www.bbss.dev/posts/react-learn-suspense/) — What better way to learn than to get your hands dirty? Especially when it comes to a topic that’s a little awkwardly documented. Slava Knyazev ▶[Using React 19 with Both Vite and Then Next.js](https://www.youtube.com/watch?v=AdkNcFUsRQQ) — The [VP of Product](https://leerob.io) at Vercel starts with a client-only React app using [Vite](https://vitejs.dev) and looks at how React 19 can make life better, before moving on to a Next.js example. _(32 minutes.)_ Lee Robinson (Vercel) ▶[`useCallback` versus `useMemo`](https://www.youtube.com/watch?v=M8NaTJN8xh4) — While superficially they may seem similar, in just 11 minutes we learn the differences and why referential equality is such an essential concept to grok. Even more fantastic given it’s his first YouTube video! Jan Hesters [Path to a Clean(er) React Architecture: Domain Logic](https://profy.dev/article/react-architecture-domain-logic) — The latest part of an ongoing series that takes a React code base with lots of bad practices and refactors it step-by-step. Johannes Kettmann 📄 [Building an Image Slider in React Native using Skia and Reanimated](https://www.tweag.io/blog/2024-07-04-image-transition-react-native-skia/) Omowunmi Sogunle 📄 [A Brief History of State Management Libraries for React](https://www.frontendundefined.com/posts/monthly/react-state-management-libraries-history/) Prabashwara Seneviratne 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/im1vhb9swyfdhprzl70r.jpg)](https://tinybase.org/guides/releases/#v5-0) [TinyBase 5.0: A Reactive Data Store for Local-First Apps](https://tinybase.org/guides/releases/#v5-0) — A data store that can act as a reactive backend to your apps. If you want less headache with the backend of your app, this is for you, and includes [bindings to React](https://tinybase.org/#call-hooks-to-bind-to-data) and [pre-built reactive components](https://tinybase.org/#pre-built-reactive-components). v5.0 includes a new [mergeableStore type](https://tinybase.org/guides/releases/#the-new-mergeableStore-type) that can wrap your data as a Conflict-Free Replicated Data Type (CRDT). [Homepage.](https://tinybase.org/) James Pearce - [react-jsx-parser 2.0](https://github.com/TroyAlford/react-jsx-parser) – Parses JSX and outputs rendered components. Now supports React 18+. - [React Native Reanimated 3.13](https://github.com/software-mansion/react-native-reanimated/releases/tag/3.13.0) – React Native's Animated_reimplemented._ - 🗓️ [schedule-x 1.50](https://schedule-x.dev/) – Material Design event calendar and date picker. - 📅 [React Date Picker 7.3](https://github.com/Hacker0x01/react-datepicker) – Simple date picker component. ([Demo](https://reactdatepicker.com/).) - [Storybook 8.2](https://github.com/storybookjs/storybook/releases/tag/v8.2.0) – Frontend component and UI workshop. - [Jotai 2.9](https://github.com/pmndrs/jotai/releases/tag/v2.9.0) – Simple, flexible state management for React. - [PrimeReact 10.7](https://github.com/primefaces/primereact) – Extensive UI component library. - [MUI X 7.9](https://github.com/mui/mui-x/releases/tag/v7.9.0) – Popular React component suite. 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