--- title: "The promises of React Compiler, tested" publication: "React Status" issue: 388 published_at: "2024-06-12" canonical_url: "https://react.statuscode.com/issues/388" --- Plus a framework to build CLI apps with React, a really big calendar, and an infinite canvas. | #​388 — June 12, 2024 [Read on the Web](https://react.statuscode.com/issues/388) 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/design-systems-v2/?utm_source=email&utm_medium=reactstatus&utm_content=dsv2) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/vkq7my6uylmpcolu2m7y.jpg)](https://codemod.com/blog/react-announcement) [Enhancing the React Migration Process with 'Codemods'](https://codemod.com/blog/react-announcement) — Codemod is an open-source platform for automating code migrations, cleanups and refactors. Upgrading to React 19 will involve a fair bit of that, so Codemod has partnered with the React team to build [react-codemod](https://github.com/reactjs/react-codemod) – scripts to enhance the migration experience for React 19 onward. Alex Bit (Codemod) ['I Tried React Compiler Today, and Guess What..'](https://www.developerway.com/posts/i-tried-react-compiler) — The recently unveiled [React Compiler](https://react.dev/learn/react-compiler) automatically memoizes things – so can we ditch `memo`, `useMemo` and `useCallback` right away? Nadia investigates, finds the rough edges, and helps keep our feet on the ground. Nadia Makarevich [![\](https://copm.s3.amazonaws.com/c9c75543.png)](https://frontendmasters.com/courses/design-systems-v2/?utm_source=email&utm_medium=reactstatus&utm_content=dsv2) [Create Consistent UIs with Storybook](https://frontendmasters.com/courses/design-systems-v2/?utm_source=email&utm_medium=reactstatus&utm_content=dsv2) — Join Steve Kinney for this extensive video course on building scalable, reusable component libraries and design systems with Storybook. Covers set up, styling, documentation, testing, and more. Frontend Masters sponsor [Pastel 3.0: A Framework for Building _Ink_ Apps](https://github.com/vadimdemedes/pastel) — [Ink](https://github.com/vadimdemedes/ink) brings the power of JSX and React components to building _command line apps_. Pastel provides more structure on top of that in a way reminiscent of Next.js, say. Vadim Demedes **IN BRIEF:** - 🗣️ Hacker News commenters tackled the perennial question: [Why React?](https://news.ycombinator.com/item?id=40636123) - Due for final release next month, [WordPress 6.6 introduces the possibility](https://make.wordpress.org/core/2024/06/06/jsx-in-wordpress-6-6/) for developers to use [the _new_ React JSX transform](https://legacy.reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html). [A Full-Stack _Web Push API_ Guide](https://www.bocoup.com/blog/full-stack-web-push-api-guide) — A complete implementation of push notifications in a [Remix](https://remix.run/) app. _“If you follow the walk through to the end, you’ll have working push notifications.”_ Boaz Sender ▶[Fetch Once, Render Everywhere: React Server Components in Expo Router](https://www.youtube.com/watch?v=BK2xbPW2uUU) — _“Have you ever wondered what would it be like if we could make server-driven UI available to everyone?”_ The creator of [Expo Router](https://docs.expo.dev/router/introduction/) weighs in. Evan Bacon (Software Mansion) 📄 [RAG on Structured Data with Postgres](https://techcommunity.microsoft.com/t5/microsoft-developer-community/rag-on-structured-data-with-postgresql/ba-p/4164456) – A look at an Azure-based Python, React, and Postgres approach for creating a hybrid search system. Pamela Fox 📄 [Adding Tests to a TypeScript, Next and tRPC Project Without the Faff](https://remysharp.com/2024/06/07/adding-tests-to-a-typescript-next-trpc-project-without-the-faff) Remy Sharp 📄 [ClojureScript and the React Compiler](https://clojureverse.org/t/cljs-and-the-react-compiler/10774) Thomas Heller 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/q2r0wtt0ogirh11ip6ok.jpg)](https://github.com/jquense/react-big-calendar) [Big Calendar 1.13.0: A Google/Outlook-like Large Calendar Component](https://github.com/jquense/react-big-calendar) — Think a large ‘planner’ style calendar, like you might see with Google Calendar. It uses flexbox for layout. [Try a live demo.](https://jquense.github.io/react-big-calendar/examples/index.html?path=/story/about-big-calendar--page) Jason Quense [Sonner 1.5: The Opinionated Toast Component](https://sonner.emilkowal.ski/) — Styled by default but customizable. There’s a live demo to try on the homepage, or hit up the [GitHub repo.](https://github.com/emilkowalski/sonner) Emil Kowalski 📰 Classifieds 🗝️ [Userfront](https://userfront.com/?&utm_source=react-statuscode-com&utm_medium=newsletter&utm_campaign=classified_listing&utm_content=transformational) is an auth & identity platform that transforms your business to serve free, freemium and enterprise customers. [Try it for free](https://userfront.com/?&utm_source=react-statuscode-com&utm_medium=newsletter&utm_campaign=classified_listing&utm_content=transformational). --- No more struggles with Images in React! Here's your [guide to resizing, cropping, and overlaying](https://imagekit.io/blog/image-cropping-in-react-application/?utm_source=Cooperpress&utm_medium=email&utm_campaign=Mediapromotion_Q124&utm_term=ReactStatus&utm_content=classifield_listing) images with ease in React. [Read now to know](https://imagekit.io/blog/image-cropping-in-react-application/?utm_source=Cooperpress&utm_medium=email&utm_campaign=Mediapromotion_Q124&utm_term=ReactStatus&utm_content=classifield_listing). --- [How to implement authorization in React](https://bit.ly/3QESWsL). Discover best practices from [Cerbos](https://bit.ly/3QESWsL) in this guide. [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/ci8rt8j8ttgvebe4jfxq.jpg)](https://dgmjs.dev/) [DGM.js: Infinite Canvas Library with Smart Shapes](https://dgmjs.dev/) — A library for rendering and working with infinitely pannable canvases that contain ‘smart shapes’ that you can script and give various constraints and properties. GPLv3 licensed. Minkyu Lee [react-geo 24.0: Components for Building Mapping Apps](https://terrestris.github.io/react-geo/docs/latest/) — A set of modules to use in combination with React, Ant Design and OpenLayers when building map views. Things like ways to make measurements, draw on maps, rotate them, connect maps with data in tables, etc. [GitHub repo](https://github.com/terrestris/react-geo) and a [v24 upgrade guide.](https://github.com/terrestris/react-geo/wiki/Version-24.0.0-Upgrade-Notes) terrestris GmbH & Co. KG [Glide Data Grid: A Canvas-Based Data Grid for Huge Datasets](https://grid.glideapps.com/) — A _“no compromises”_ data grid component that promises _“outrageous performance.”_ The homepage features a neat demo and it’s MIT licensed. The ‘pricing’ page is a cute touch for a totally free, open source project. Glide - [use-immer 0.10](https://github.com/immerjs/use-immer) – Hooks to use [Immer](https://immerjs.github.io/immer/) to drive state. - 🎉 [React Native Fiesta 0.7](https://github.com/mateoguzmana/react-native-fiesta) – React Native Skia-powered 'celebration' components. - [Playroom 0.38](https://github.com/seek-oss/playroom) – Zero-install design environment for your components. - [react-babylonjs 3.2](https://github.com/brianzinn/react-babylonjs) – Integrates the [Babylon.js](https://babylonjs.com/) 3D engine with React. - [next-intl 3.15](https://next-intl-docs.vercel.app/) – Internationalization (i18n) for Next.js. - [BlockNote 0.14](https://github.com/TypeCellOS/BlockNote) – 'Notion-style' block-based editor. 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