--- title: "Ways that React 18 improves performance" publication: "React Status" issue: 348 published_at: "2023-07-19" canonical_url: "https://react.statuscode.com/issues/348" --- Plus welcome back Matt Carroll, Storybook 7.1, and sharing React salary info. | #​348 — July 19, 2023 [Read on the Web](https://react.statuscode.com/issues/348) 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/hard-parts-ui-dev/?utm_source=email&utm_medium=reactstatus&utm_content=hardpartsuidev) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/y0j1sfqn3rwvneqwfiir.jpg)](https://vercel.com/blog/how-react-18-improves-application-performance) [How React 18 Improves Application Performance](https://vercel.com/blog/how-react-18-improves-application-performance) — If you’ve not been keeping up with how things are progressing in React with regards to concurrent rendering, transitions, Suspense, and even React Server Components, this is a fantastic review and primer to get up to.. _speed_ on how such features can improve performance. Lydia Hallie (Vercel) [![\](https://copm.s3.amazonaws.com/df392d84.png)](https://frontendmasters.com/courses/hard-parts-ui-dev/?utm_source=email&utm_medium=reactstatus&utm_content=hardpartsuidev) [New Course: The Hard Parts of UI Development](https://frontendmasters.com/courses/hard-parts-ui-dev/?utm_source=email&utm_medium=reactstatus&utm_content=hardpartsuidev) — Develop an under-the-hood knowledge of UI development by learning techniques such as data binding, UI composition, templating, virtual DOM and its reconciliation, and hooks, all from scratch! Frontend Masters sponsor ▶[Legend: The Ultimate React State Manager?](https://www.youtube.com/watch?v=E4TH77SMOG8) — _"You’re joking.. not another one! [^](https://www.youtube.com/watch?v=H6-IQAdFU3w)"_ Nevertheless, Jack does a typically great job at showing off (yet another) [particularly promising state management option](https://legendapp.com/open-source/state/). Jack Herrington **IN BRIEF:** - 🎉 Developer advocate Matt Carroll has [rejoined the React.js core team](https://twitter.com/mattcarrollcode/status/1681342638816112641). This is great news. - 🤑 On Reddit's `/r/reactjs`, there was an [extensive sharing of salary information](https://www.reddit.com/r/reactjs/comments/14z83g7/react_reddit_salary_review/) by hundreds of React developers all around the world (showing a more realistic picture than most salary surveys, IMHO.) - Hacker News had [a discussion about choosing React Native or Flutter](https://news.ycombinator.com/item?id=36698482) for building a new mobile app. There was no strong consensus with Kotlin, webviews, Ionic, and other ideas also getting thrown into the mix. - The TanStack Query project is [showing off an experimental react-query-nextjs package](https://tanstack.com/query/v5/docs/react/examples/react/nextjs-suspense-streaming) that works with modern Next.js `/app`-based apps. Wrap your app in a `ReactQueryStreamedHydration` component and you can use `useQuery` on the server with Suspense and it's all streamed to the client. - A (very) opinionated [TypeScript & React style guide.](https://github.com/mkosir/typescript-react-style-guide) [Creating Custom Raycast Extensions with React](https://spacejelly.dev/posts/creating-custom-raycast-extensions-with-react/) — No lie, [Raycast](https://www.raycast.com/) has replaced Spotlight, Alfred, and all the rest on macOS for me. It’s a fantastic launcher and shortcuts app, plus it has an extensions system you can use to make it do even more tricks. Colby Fayock [Push Notifications with Firebase Cloud Messaging in React Native](https://scientyficworld.org/push-notification-firebase-cloud-messaging/) — Google’s [Firebase Cloud Messaging](https://firebase.google.com/docs/cloud-messaging) is an established push notification service—why not employ it to implement push for your React Native apps? Snehasish Konger ▶[Testing Library: Everybody Uses It, But Nobody Understands It](https://www.youtube.com/watch?v=jNAMdsbdvlI) — A talk from ReactNext 2023. Matan Borenkraout (Microsoft) [How to Build a Routing Layer in React and Why You'd Need One](https://semaphoreci.com/blog/routing-layer-react) Antonello Zanini (Semaphore) [The Power of Mocking in Unit Tests](https://matthewwolfe.github.io/blog/mocking-in-unit-tests) Matt Wolfe [Embracing Polymorphism for Flexible Components](https://brightinventions.pl/blog/embracing-polymorphism-for-flexible-components/) Szymon Chmal 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/rulz4wferhzrcvtr9d6m.jpg)](https://reagraph.dev/?path=/story/demos-cluster--three-dimensions) [Reagraph 4.10: WebGL Graph Visualization Library for React](https://reagraph.dev/?path=/story/demos-cluster--three-dimensions) — Here’s [a basic code example.](https://reagraph.dev/?path=/docs/docs-getting-started-basics--docs) This week’s release adds support for three dimensional clustering (above). [GitHub repo.](https://github.com/reaviz/reagraph) REAGRAPH [Storybook 7.1: The Workshop for Building UI Components](https://github.com/storybookjs/storybook/releases/tag/v7.1.0) — v7.1 introduces [in-app onboarding](https://storybook.js.org/blog/in-app-tour-for-new-users/) for your newest users, [zero-config styling support](https://storybook.js.org/blog/zero-config-support-for-tailwind-mui-styled-components-and-emotion/) for Tailwind, MUI, styled-components and MUI, Vue 3 source snippets, and more. Storybook Team [React Authentication — Without Complexity](https://userfront.com/tutorials/react-authentication?&utm_source=react-statuscode-com&utm_medium=newsletter&utm_campaign=sponsored_link&utm_content=react_authentication) — Userfront streamlines authentication & access control so engineers can focus on their core business. Read the docs now. Userfront sponsor [React Content Font: Create Custom Google Fonts from Page Content](https://github.com/adbutterfield/react-content-font) — Fonts covering certain alphabets and languages can be particularly large (e.g. Noto Sans Japanese is almost 6 megabytes). What if you could request a font from Google Fonts containing only the characters you need? Adam Butterfield - [Virtua](https://github.com/inokawa/virtua) – A brand new, zero-config, fast and compact virtual list and grid component illustrated with this [demo](https://inokawa.github.io/virtua/?path=/story/basics-vlist--default). - [Downshift 8.0](https://github.com/downshift-js/downshift/releases/tag/v8.0.0) – Primitives to build flexible, WAI-ARIA compliant React autocomplete and similar components. [Docs and demos.](https://www.downshift-js.com/use-combobox) - [React Native URL Polyfill 2.0](https://github.com/charpeni/react-native-url-polyfill) ↳ The WHATWG URL Standard optimized for RN. - [Ink 4.3](https://github.com/vadimdemedes/ink) ↳ React renderer for the command line. - [React-Awesome-Query-Builder 6.3](https://github.com/ukrbublik/react-awesome-query-builder) ↳ Let end users build queries. [Demo.](https://ukrbublik.github.io/react-awesome-query-builder/) - 📅 [React Calendar 4.4](https://github.com/wojtekmaj/react-calendar) - ♖ [React Chessboard 4.0](https://github.com/Clariity/react-chessboard) 📰 Classifieds 💻 Hired makes job hunting easy-instead of chasing recruiters, companies approach you with salary details up front. [Create a free profile now](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=find-your-next-job). --- 🤔 JWTs are low-latency and offer better interoperability than session cookies for authentication, but they can also be less secure. [Learn more about the tradeoffs on the Stytch blog.](https://stytch.com/blog/jwts-vs-sessions-which-is-right-for-you/?utm_source=cooperpress&utm_medium=paid_sponsorship&utm_campaign=SP_Coopernews_Q32023&utm_content=jwt-vs-session) _Classifieds_ is a way to share projects, services, events, or jobs you may find useful, replacing our job listings section. More details soon. This issue was curated by Terence C. Gannon and Peter Cooper and edited by the Cooperpress team. 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