--- title: "How the NYT got a performance boost from React 18" publication: "React Status" issue: 391 published_at: "2024-07-03" canonical_url: "https://react.statuscode.com/issues/391" --- Plus the React Native team recommends Expo and other frameworks. | #​391 — July 3, 2024 [Read on the Web](https://react.statuscode.com/issues/391) Together with [![Meticulous\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_2600,h_373/e_make_transparent/co_white,e_outline:30/s65exulzcd60xe2r5nyk.png)](https://www.meticulous.ai?utm_source=react_status&utm_campaign=june28th) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/krqsm6jajuzutbjwqk7r.jpg)](https://open.nytimes.com/enhancing-the-new-york-times-web-performance-with-react-18-d6f91a7c5af8) [Enhancing _The New York Times_' Web Performance with React 18](https://open.nytimes.com/enhancing-the-new-york-times-web-performance-with-react-18-d6f91a7c5af8) — Late last year, the team at _The New York Times_ set out to take full advantage of React 18 on its flagship news site. This is an interesting case study looking at the challenges faced in upgrading and the significant benefits they managed to take advantage of. Ilya Gurevich (NYT) [The React Native Team Says 'Use a Framework'](https://reactnative.dev/blog/2024/06/25/use-a-framework-to-build-react-native-apps) — Using frameworks, such as Expo, is now the recommended approach when creating new React Native apps. As Nicola explains: _“you’re either using a framework or you’re building your own framework.”_ Nicola Corti (Meta) [![\](https://copm.s3.amazonaws.com/55ef6c1c.png)](https://www.meticulous.ai?utm_source=react_status&utm_campaign=june28th) [Tests Are Dead. Meticulous Is Here](https://www.meticulous.ai?utm_source=react_status&utm_campaign=june28th) — Meticulous is a tool which automatically creates and maintains a continuously evolving e2e UI test suite that covers every corner of your application – with no developer intervention required whatsoever. Backed by YC, CTO of GitHub and others. Meticulous sponsor ▶[Big Suspense Changes in React 19: Explained in Code](https://www.youtube.com/watch?v=sgnw8dRZa3Q) — Two weeks ago, we featured a story [about changes to Suspense in React 19](https://tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts). If you found the story hard to follow, React YouTuber extraordinaire Jack Herrington tackles it with a practical example. Jack Herrington [Preparing for React 19: A Guide for WordPress 6.6 Users](https://kinsta.com/blog/react-19-wordpress/) — React is used more heavily in WordPress extensions than you might think, and React 19 introduces changes that extension and theme developers need to be prepared for. Joel Olawanle 📄 [5 Misconceptions about React Server Components](https://www.builder.io/blog/nextjs-react-server-components) Vishwas Gopinath 📺 [React 19's `useOptimistic`: Everything You Need to Know](https://www.youtube.com/watch?v=QWVr7uDyBXE) Jack Herrington 📄 [A Pragmatic Guide to Adding React to an Existing Ruby on Rails App](https://thoughtbot.com/blog/add-react-to-an-existing-rails-app) Steve Polito 📄 [Extra Arguments for Server Actions in React Forms](https://www.robinwieruch.de/react-form-server-action-extra-arguments/) Robin Wieruch 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/u4cp5sfklijplqs1ddam.jpg)](https://securingsincity.github.io/react-ace/) [React Ace 12.0: Use the Ace Editor in React Apps](https://securingsincity.github.io/react-ace/) — [Ace](https://ace.c9.io/) is a long standing code-focused editor control for the Web. [GitHub repo.](https://github.com/securingsincity/react-ace) James Hrisho [LetsForm: Create React Forms from Simple JSON](https://letsform.dev/) — The form elements are rendered using Material UI, React Bootstrap, Ant Design, etc. Includes various templates you can try out, which you can also edit visually using [the online designer](https://designer.letsform.dev/). guido bellomo 📰 Classifieds [Building a Hybrid Sign-Up/Subscribe Form with Stripe Elements](https://go.clerk.com/OPgJJOB). --- 🚀[Join Sentry engineer Yagiz Nizipli](https://sentry.io/resources/how-sentry-debugs-with-sentry/?utm_medium=paid-community&utm_source=reactstatus&utm_campaign=fy25q2-sentrydebugsworkshop&utm_content=newsletter-sentrydebugsworkshop-register) to learn how he optimizes critical pipeline tasks with Sentry, saving $160K/yr. [RSVP for tips & tricks!](https://sentry.io/resources/how-sentry-debugs-with-sentry/?utm_medium=paid-community&utm_source=reactstatus&utm_campaign=fy25q2-sentrydebugsworkshop&utm_content=newsletter-sentrydebugsworkshop-register) --- 🎹 [STRICH](https://strich.io/?ref=react-status): Fast and reliable 1D/2D JavaScript Barcode Scanning in your browser. [Try the free demo app or sign up for the free 30-day trial](https://strich.io/?ref=react-status). [H5Web 12.0: Components for Data Visualization and Exploration](https://github.com/silx-kit/h5web) — Initially built for the [HDF5](https://en.wikipedia.org/wiki/Hierarchical_Data_Format#HDF5) data format used for high-performance computing, these components have since been adapted so they can be applied to data from _any_ source. Silx Project [Alveron: Elm-Inspired State Management for React](https://alveron.js.org/intro/overview) — Supports async effects by default and built on top of `useState` and `useOptimistic`. Robin Weser [GLTFJSX: Turn glTF 3D Models into JSX Components](https://github.com/pmndrs/gltfjsx) — [glTF](https://en.wikipedia.org/wiki/GlTF) is a standard format for storing 3D scenes/models. This tool helps bring them into [React-three-fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/introduction) apps. Poimandres [SaaS Boilerplate 3.0: Opinionated Full Stack Boilerplate](https://github.com/apptension/saas-boilerplate) — If you like your server side to be JavaScript flavored, look away because while this is all React in the front end, it’s Python and Django behind the scenes. Apptension - [Responsive Pagination 2.6](https://github.com/jonelantha/react-responsive-pagination) – Accessible pagination control component. - [gridstack.js 10.3](https://github.com/gridstack/gridstack.js) – Build responsive interactive dashboards quickly. - [Vision Camera 4.4](https://github.com/mrousavy/react-native-vision-camera) – Advanced camera control for React Native. - [React-PDF 9.1](https://github.com/wojtekmaj/react-pdf/releases/tag/v9.1.0) – React component to display PDFs. - [MUI X 7.8](https://github.com/mui/mui-x/releases/tag/v7.8.0) – Popular React component suite. 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