--- title: "The story of a big testing library migration" publication: "React Status" issue: 328 published_at: "2023-03-01" canonical_url: "https://react.statuscode.com/issues/328" --- Plus how a popular open source React component makes money, Next.js 13.2, a new toast component, and nicer QR codes. | #​328 — March 1, 2023 [Read on the Web](https://react.statuscode.com/issues/328) 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/next-js-v2/?utm_source=reactstatus&utm_medium=email&utm_content=nextjsv2) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/eniuqsbr4pe7wsebe2tp.jpg)](https://blog.sentry.io/2023/02/23/sentrys-frontend-tests-migrating-from-enzyme-to-react-testing-library/) [Migrating from Enzyme to React Testing Library](https://blog.sentry.io/2023/02/23/sentrys-frontend-tests-migrating-from-enzyme-to-react-testing-library/) — The folks at Sentry spent _16 months_ converting their component tests (involving 803 test suites in all) from Enzyme to RTL and tell the whole story of why, plus the unforeseen challenges they encountered, here. Priscila Oliveria and Scott Cooper (Sentry) [Next.js 13.2 Released](https://nextjs.org/blog/next-13-2) — The popular batteries-included React framework takes a few steps forward in the areas of SEO support (via a new _Metadata API_ for defining SEO-relevant metadata in layouts and pages), custom route handlers, an improved error overlay, and beta releases of statically typed links, Turbopack improvements, and [_Next.js Cache_](https://nextjs.org/blog/next-13-2#nextjs-cache) for progressive ISR and faster re-deploys. Neutkens, Lai, et al. [![\](https://copm.s3.amazonaws.com/cfbfa503.jpg)](https://frontendmasters.com/courses/next-js-v2/?utm_source=reactstatus&utm_medium=email&utm_content=nextjsv2) [A Fresh Introduction to Next 13+](https://frontendmasters.com/courses/next-js-v2/?utm_source=reactstatus&utm_medium=email&utm_content=nextjsv2) — Learn Next.js, the complete full-stack framework to create basic blog websites up to full-blown apps and APIs! Plus if you are already familiar with Next.js, we have a course [building a full app on Next 13+](https://frontendmasters.com/courses/fullstack-app-next-v2/?utm_source=reactstatus&utm_medium=email&utm_content=nextjsv2). Frontend Masters sponsor ['React Is Holding Me Hostage'](https://emnudge.dev/blog/react-hostage) — A _bit_ of an over-the-top title, but the pseudonymous author feels it’s time: _“Under protection of this new found trendiness in React displeasure, I’d like to finally say my piece”_ and spends many words and code examples expressing said displeasure while admitting React is here to stay. EmNudge [Modularizing React Applications with Established UI Patterns](https://martinfowler.com/articles/modularizing-react-apps.html) — This post began as the first in a promised series of posts, but has instead gotten longer each week! It’s now quite a significant, practical look at applying UI patterns to React apps to improve organization and maintainability. Juntao Qiu **IN BRIEF:** - A look at how Storybook 7 has [revamped Storybook Docs.](https://storybook.js.org/blog/storybook-7-docs/) A neat way to show UI components off. - Bob Ziroll has put together [a React Router v6 course](https://scrimba.com/learn/reactrouter6) on Scrimba. - [An attempt at benchmarking](https://electricui.com/blog/benchmarking-preact-signals) Preact Signals versus React alternatives. [Dear Open Source: Let’s Do a Better Job of Asking for Money](https://reactflow.dev/blog/asking-for-money-for-open-source/) — [React Flow](https://github.com/wbkd/react-flow) is a popular library for creating node-based UI mechanisms in React and while some projects are having problems getting the funding they need lately, React Flow has found a way to get “paid fairly” for its open source efforts. John Robb (React Flow) ▶[Prioritizing the Team Over the Tool with Jason Lengstorf](https://www.whiskeywebandwhatnot.fm/prioritizing-the-team-over-the-tool-with-jason-lengstorf/) Whiskey Web and Whatnot sponsorpodcast [Less Code, Better UX: Fetching Data Faster with the Next.js 13 App Router](https://vercel.com/blog/nextjs-app-router-data-fetching) — Improvements in data fetching at the page level versus with the Next.js 13 app directory and server components. Alice Alexandra Moore and Ariel Kanter [Creating Animations in React with React Spring](https://voskan.host/2023/02/08/creating-animations-in-react-with-react-spring/) Voskan Voskanyan 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/y4g0wup9o3idb1qxo6mk.jpg)](https://sonner.emilkowal.ski/) [Sonner: An Opinionated Toast Component](https://sonner.emilkowal.ski/) — Styled by default but customizable. There’s a live demo on the homepage – looks nice. [GitHub repo.](https://github.com/emilkowalski/sonner) Emil Kowalski [![\](https://res.cloudinary.com/cpress/image/upload/v1677679541/zk23qkffmsasko2b2ph8.png)](https://github.com/gcoro/react-qrcode-logo) [react-qrcode-logo: Generate QR Codes with Embedded Logos](https://github.com/gcoro/react-qrcode-logo) — A TypeScript-based React component for creating QR codes a little more customizable than the norm. Giulia Corò [Try Stream’s Free Trial of SDKs for In-App Chat](https://getstream.io/try-for-free/?utm_source=ReactStatus&utm_medium=Promoted_Newsletter&utm_content=Developer&utm_campaign=ReactStatus_January2023_trial_klmh22) Stream sponsor [React Snap Carousel: DOM-First, Headless Carousel](https://github.com/richardscarrott/react-snap-carousel) — This solution uses native browser scrolling and CSS scroll snap points for strong performance. Try out a few different versions [here](https://richardscarrott.github.io/react-snap-carousel/?path=/story/carousel--default). Richard Scarrott ▶[ScrollyVideo.js: Responsive 'Scrollable' Videos](https://scrollyvideo.js.org/) — It’s an interesting effect and well demonstrated here. Compatible with React or just plain ole’ HTML. Daniel Kao [fhir-react: A Component for Displaying FHIR Data](https://github.com/1uphealth/fhir-react) — It’s pretty niche, but FHIR ([Fast Healthcare Interoperability Resources](https://en.wikipedia.org/wiki/Fast_Healthcare_Interoperability_Resources)) is a standard for exchanging health care data. 1upHealth Jobs [Software Engineer (Frontend)](https://jobs.ashbyhq.com/stickermule/6de4ccd8-7e58-4b65-9a25-62354972bdbd?utm_source=Cooperpress) — Join our "kick ass" team. Our software team operates from 17 countries and we're always looking for more exceptional engineers. Sticker Mule [Find React Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-reactstatus%29&utm_content=easy-job-hunting) — Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. Create a free profile now. Hired **QUICK RELEASES:** - [React Native Windows](https://github.com/microsoft/react-native-windows) ↳ Build native Windows apps with React. - [React Native Reanimated 3.0](https://docs.swmansion.com/react-native-reanimated/) ↳ React Native's Animated library reimplemented. - [Preact 10.13](https://github.com/preactjs/preact) ↳ Fast 3KB React alternative. - [ReactPy 1.0](https://github.com/reactive-python/reactpy) ↳ Not React, but a similar vibe for Pythonistas. - [react-intersection-observer 9.4.3](https://github.com/thebuilder/react-intersection-observer) ↳ React implementation of the Intersection Observer API. - [react-i18next 12.2](https://github.com/i18next/react-i18next) ↳ Internationalization for React. - [React Tooltip 5.8.3](https://github.com/ReactTooltip/react-tooltip) - [react-native-share 8.2.1](https://github.com/react-native-share/react-native-share) ↳ Sending simple data to other apps for social sharing. - [react-native-bouncy-checkbox 3.0.7](https://github.com/WrathChaos/react-native-bouncy-checkbox) - [react-native-permissions 3.7.3](https://github.com/zoontek/react-native-permissions) - [react-native-bootsplash 4.5.2](https://github.com/zoontek/react-native-bootsplash) A [Cooper Press](https://cooperpress.com/) publication curated by Terence C. Gannon and Peter Cooper and edited by the Cooper Press team. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) [Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom