--- title: "Taking Next.js 15 apps smoothly to production" publication: "React Status" issue: 406 published_at: "2024-11-13" canonical_url: "https://react.statuscode.com/issues/406" --- Plus Sankey diagrams, Godot, query building, and a move from Next.js to htmx. | #​406 — November 13, 2024 [Read on the Web](https://react.statuscode.com/issues/406) 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/testing/?utm_source=email&utm_medium=reactstatus&utm_content=testing) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/n41nfjmjlapzgi2vznrn.jpg)](https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion) [Framer Motion is Now _Motion_](https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion) — [Framer Motion](https://motion.dev/) has been a long-standing, powerful, and hugely popular library for animating things in React apps, but it’s now called _Motion_ and has become an _"independent open source project for the community"_, separate from [Framer](https://www.framer.com/) as a company. Matt Perry [How to Set Up Next.js 15 for Production in 2024](https://www.reactsquad.io/blog/how-to-set-up-next-js-15-for-production) — Share in this author’s experience in scaling up Next.js apps to over 100k monthly active users and millions of monthly visitors. Jan Hesters (ReactSquad) [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/01bb2707.png)](https://frontendmasters.com/courses/testing/?utm_source=email&utm_medium=reactstatus&utm_content=testing) [Ship Code Confidently When You Take Testing Fundamentals](https://frontendmasters.com/courses/testing/?utm_source=email&utm_medium=reactstatus&utm_content=testing) — Join Steve Kinney for this video course on test-driven development workflows and nail the testing fundamentals. You'll learn about automation, equality, mocks and spies, integration testing, the tools to help you along the way, and much more. Frontend Masters sponsor [Storybook 8.4 Released](https://storybook.js.org/blog/storybook-8-4/) — The popular frontend component workshop gets a minor release but it’s _“one of our most feature-packed minor releases ever”_ with one click component testing, Svelte 5 support, React Native Storybook 8, and other niceties. Michael Shilman **IN BRIEF:** - Microsoft has released [React Native Windows 0.76.0](https://github.com/microsoft/react-native-windows/releases/tag/react-native-windows_v0.76.0) including a preview of its support for the 'new architecture.' - Expo has [unveiled Expo SDK 52](https://expo.dev/changelog/2024/11-12-sdk-52), the latest version of the popular platform of tools for building React Native apps (now including React Native 0.76). - 🎧 Tom Occhino, a former member of the React team at Facebook, [went on the Stack Overflow podcast](https://stackoverflow.blog/2024/11/01/how-a-creator-of-react-is-rethinking-ides/) to talk a little React history, but also his work now at Vercel with Next.js and _"how Vercel is rethinking IDEs"_ with v0. [Make `dangerouslySetInnerHTML` Safer by Disabling Inline Event Handlers](https://macarthur.me/posts/safer-dangerouslysetinnerhtml/) — How to begin to neutralize the threats when you need to wield this feature. Alex MacArthur ▶[From Next.js to htmx: A Real World Example](https://htmx.org/essays/a-real-world-nextjs-to-htmx-port/) — An interesting case study explained in a 50-minute screencast: _“Replacing my components with the equivalent HTML elements powered by htmx wasn’t exactly an easy task, but one that was worth the time.”_ Pouria Ezzati 📄 [The Styling Dilemma in React](https://thetshaped.dev/p/the-styling-dilemma-in-react) – One developer’s experiences with different styling approaches including their pros and cons. Petar Ivanov 📄 [Validating Your react-intl App Translations with `i18n-check`](https://lingual.dev/blog/validating-react-intl-applications/) Lingual 📄 [A Guide to Using `useCallback()` to Prevent Unnecessary Re-Renders](https://hygraph.com/blog/react-usecallback-a-complete-guide) Jing Li 📄 [React and `FormData`](https://www.robinwieruch.de/react-form-data/) Robin Wieruch 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/cxyf5lipfiokhuljnmob.jpg)](https://react-querybuilder.js.org/) [React Query Builder 8.0](https://react-querybuilder.js.org/) — A customizable query builder component, along with a collection of utility functions for importing from, and exporting to, various query languages like SQL, MongoDB, and more. Sapient Global Markets [React Native Godot: Bringing the Godot Game Engine to RN](https://github.com/calico-games/react-native-godot) — If you’ve been waiting for [Godot](https://godotengine.org/), the popular open source game engine, to be brought into React Native apps, here’s an early attempt to check out. _(iOS only for now.)_ Calico Games 🗓️ [Schedule-X 2.5: Material Design Calendar and Date Picker](https://schedule-x.dev/) — Available in the form of React/Preact, Vue, Svelte, Angular, or plain JS components. Open source but with a premium version with extra features. [GitHub repo.](https://github.com/schedule-x/schedule-x) Tom Österlund 📰 Classifieds 🚀 [The State of Frontend 2024 report is OUT!](https://hubs.ly/Q02VPBQS0) Your guide to navigating the future trends, frameworks, AI, a11y, and much more. --- [Meticulous automatically creates & maintains E2E UI tests](https://www.meticulous.ai?utm_source=react_status&utm_campaign=november8th). Zero flakes. Used by Lattice, Bilt Rewards and others. --- 🎹 [STRICH](https://strich.io/?ref=react=status): Add blazing fast and reliable 1D/2D Barcode Scanning to your web apps. Free demo app and 30-day trial available. [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/wytttkcsn5m4ihcbjtwd.jpg)](https://www.formity.app/) [Formity: Library to Build Dynamic Multi-Step Forms with JSON](https://www.formity.app/) — There’s a simple but effective demo on the page, which is constructed with a JSON-based syntax that uses loops, variables, and operators and can be stored anywhere. Martí Serra Molina 💰 [React Currency Input Field Component v3.9](https://github.com/cchanxzy/react-currency-input-field) — A component that aims to capture the nuances of currency input, if a freeform approach doesn’t cut it for you. Try it out with [the live demo.](https://cchanxzy.github.io/react-currency-input-field/) Chun Chan - 📊 [visx 3.12](https://airbnb.io/visx/) – Airbnb's suite of React visualization components [now includes a Sankey diagram component.](https://airbnb.io/visx/sankey) - [use-local-storage-state 19.5](https://github.com/astoilkov/use-local-storage-state) – A hook to persist data in `localStorage` - [markdown-to-jsx 7.6](https://github.com/quantizor/markdown-to-jsx) – Lightweight Markdown component. ([Demo.](https://markdown-to-jsx.quantizor.dev/)) 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