--- title: "Listen to React performance issues" publication: "React Status" issue: 377 published_at: "2024-03-13" canonical_url: "https://react.statuscode.com/issues/377" --- Plus Storybook 8, an onboarding experience for Next.js apps, and more. | #​377 — March 13, 2024 [Read on the Web](https://react.statuscode.com/issues/377) Together with [![Sentry logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,e_trim,w_350,h_100/e_make_transparent/co_white,e_outline:7/xdmchdxkka938lxfr86f.png)](https://sentry.io/events/launch-week/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy25q1-launchweek&utm_content=newsletter-launchweek-register) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/dqzmfpcdovbxiin3azge.jpg)](https://github.com/kristiandupont/react-geiger) [React Geiger: A Way to _Hear_ React Performance Issues](https://github.com/kristiandupont/react-geiger) — The output is hardly a mellifluous three voice fugue, but Geiger provides an interesting way to make React performance _audible_ by making clicking sounds (akin to a [Geiger counter](https://en.wikipedia.org/wiki/Geiger_counter)) when things take longer to run than you desire. There’s [a live demo](https://playcode.io/1793073) but note you may need to refresh or give extra permission for the audio to play. Kristian Dupont [![\](https://copm.s3.amazonaws.com/151db2b1.png)](https://sentry.io/events/launch-week/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy25q1-launchweek&utm_content=newsletter-launchweek-register) [Making React Debugging Fun](https://sentry.io/events/launch-week/?utm_source=reactstatus&utm_medium=paid-community&utm_campaign=general-fy25q1-launchweek&utm_content=newsletter-launchweek-register) — **Join Sentry Launch Week live**. We’ll be announcing new error and performance monitoring improvements, showing exclusive demos, raffling swag and talking about all things developer and React, every. single. day. (For one week). Sentry sponsor [Storybook 8 Released with RSC Support](https://storybook.js.org/blog/storybook-8/) — The popular front-end component workshop introduces built-in visual testing, support for React Server Components, up to 50% faster start times, and upgraded Vue and React control auto-generation. There’s also [▶️ a launch video](https://www.youtube.com/watch?v=eUcVttkFAsM) to enjoy. Michael Shilman (Storybook) **IN BRIEF:** - [React Native Skia 1.0](https://shopify.github.io/react-native-skia/) has landed, introduced [▶️ in this slick 24 minute video](https://www.youtube.com/watch?v=eUbj_NxcgKg) showing off its potential for making particularly visually rich React Native apps. - 🎧 Somehow we missed that [▶️ Dan Abramov went on the _JS Party_ podcast](https://changelog.com/jsparty/311) to talk about React Server Components last month. - 📅 _Chain React 2024_ is a conference taking place this July in Oregon and [their call for speakers](https://sessionize.com/chain-react-2024/) is now open. - [WinterJS 1.0](https://wasmer.io/posts/winterjs-v1) is a high performance, WinterCG-compatible JS runtime (based upon the SpiderMonkey engine) that now supports Next.js along with React Server Components. [Best Practices for Writing Tests with React Testing Library](https://claritydev.net/blog/improving-react-testing-library-tests) — Covers common mistakes made when using [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/), along with topics like using specific queries to improve test coverage. Alex Khomenko ▶[Supercharging Your Next.js App with Cloudinary Images and Video](https://www.youtube.com/watch?v=6Z3XoEoebRQ) — Cloudinary is a paid service (we use it for our newsletter images!) but there’s enough code-wise here to keep it useful and interesting. Colby Fayock 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/tb3cvqp6wdxbenwlt4pe.jpg)](https://www.onborda.dev/) [Onborda: An Onboarding / Product Tour Approach for Next.js](https://www.onborda.dev/) — There are a few general React options in this space (such as [React Joyride](https://react-joyride.com/) and [React Shepherd](https://react-shepherd.vercel.app/)) but Onboarda is more Next.js specific _and_ uses Framer Motion to bring smooth animations to the experience. Try the live demo to see how it feels. Matt Litherland [⌘K 1.0: A Fast, Composable, Unstyled 'Command Menu' Control](https://cmdk.paco.me/) — The home page includes some neat examples in a variety of styles. [GitHub repo](https://github.com/pacocoursey/cmdk). Not to be confused with the similarly named [react-cmdk.](https://react-cmdk.com/) Paco Coursey [Mantine React Table: A Mantine Implementation of TanStack React Table](https://www.mantine-react-table.com/) — Actually a fork of [Material React Table](https://www.material-react-table.com/), so it’s already a mature option but built specifically for projects using the Mantine component library and Emotion for styling. Kevin Van Cott - [Downshift 8.5](https://github.com/downshift-js/downshift) – Primitives for building accessible autocomplete, combobox and select dropdown components. - [React Native Reanimated 3.8](https://github.com/software-mansion/react-native-reanimated/releases/tag/3.8.0) – React Native's Animated library reimplemented. - [React Stripe.js 2.6](https://github.com/stripe/react-stripe-js) – Components for Stripe.js and Stripe Elements. - [React Date Picker 6.3](https://github.com/Hacker0x01/react-datepicker) – Simple date picker component. ([Demo](https://reactdatepicker.com/).) - ♖ [React Chessboard 4.5](https://github.com/Clariity/react-chessboard) – Render chess boards with React. - 🗓 [React Chrono 2.6](https://github.com/prabhuignoto/react-chrono) – Modern timeline component. - [Wouter 3.1](https://github.com/molefrog/wouter/releases/tag/v3.1.0) – Minimalist router for React & Preact. 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