--- title: "Rethinking modern React best practices" publication: "React Status" issue: 332 published_at: "2023-03-29" canonical_url: "https://react.statuscode.com/issues/332" --- Plus a forthcoming React devtools improvement, and what's old is new again. | #​332 — March 29, 2023 [Read on the Web](https://react.statuscode.com/issues/332) Together with [![Retool logo\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_250,h_80/e_make_transparent/co_white,e_outline:7/xujzqhybod6rrw1uttra.png)](https://retool.com/products/workflows/?utm_medium=newsletter&utm_source=sponsor&utm_campaign=reactstatus) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/kuydfvemptgrvb6agwag.jpg)](https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023) [React Labs: What We've Been Working On](https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023) — The latest look behind the scenes at what’s going on in the React project. _React Server Components_ unsurprisingly make an appearance, but the most striking update is on the progress behind _React Forget_ — an optimizing compiler with the goal being able to build better, fully reactive systems using JavaScript and the React mental models you already know, with the compiler tackling some of the trickier parts. The React Core Team [Rethinking React Best Practices](https://frontendmastery.com/posts/rethinking-react-best-practices/) — The author asserts React has evolved from a simple library to an all-encompassing architecture. As such, best practices have to evolve too. Rem (Frontend Mastery) [![\](https://copm.s3.amazonaws.com/8ae33f8a.jpg)](https://retool.com/products/workflows/?utm_medium=newsletter&utm_source=sponsor&utm_campaign=reactstatus) [Build Developer-First Automations with Retool Workflows](https://retool.com/products/workflows/?utm_medium=newsletter&utm_source=sponsor&utm_campaign=reactstatus) — Retool Workflows gives developers a yes-code way to build powerful automations. Transform one-off scripts into automated tasks or reusable APIs that power custom integrations across your entire data stack––no extra infrastructure required. Retool sponsor [How to Enable OpenTelemetry Traces in React Apps](https://developers.redhat.com/articles/2023/03/22/how-enable-opentelemetry-traces-react-applications) — A ten-step approach to enabling OpenTelemetry traces in React apps all the way through to viewing the end results in Jaeger. Purva Naik (Red Hat) **IN BRIEF:** - [Someone opened an issue](https://github.com/reactjs/react.dev/issues/5797) on the new React site to "list Vite at the same level" as SSR frameworks, but we know [how that went last time](https://github.com/reactjs/react.dev/pull/5487)... - The React devtools have landed an improvement so that scripts injected by the extension [will no longer be shown in the Network tab](https://github.com/facebook/react/pull/26492). - Years ago, there was a ['React Future' repo](https://github.com/reactjs/react-future) showing off code for potential future React APIs and approaches, and Dan Abramov noted there's a [2015 version of React Server Components](https://github.com/reactjs/react-future/blob/master/05%20-%20Workers/01%20-%20Serializable%20Elements.js) sat in there :-) - Tyler McGinnis, known for numerous React related educational efforts over the years, and his team have unveiled [React.gg](https://react.gg/), a forthcoming, highly interactive new way to learn React. Watch this space. - [Microsoft has 'rebuilt _Teams_ from the ground up'](https://techcrunch.com/2023/03/27/microsoft-rebuilds-teams-promises-2x-faster-performance/) with React replacing AngularJS at the heart of the UI. ▶[Smarter and Simpler React State](https://www.youtube.com/watch?v=Cp64YbYBNDA) — React screencaster extraordinaire Jack is back comparing some React state management solutions, including sticking with hooks or using Zustand, Valtio or Jotai. Jack Herrington [A Modern Guide to React Debugging](https://raygun.com/blog/react-debugging-guide/) — Some useful advice and recommendations, although they have a commercial tool you can try as well ;-) Anna Monus (Raygun) ▶[Balancing Legacy Code, Content Creation, and Career Growth with the Primeagen](https://www.whiskeywebandwhatnot.fm/balancing-legacy-code-content-creation-and-career-growth-with-the-primeagen/) Whiskey Web and Whatnot sponsorpodcast [Mobile UI Testing with React Native and Maestro](https://github.com/kiki-le-singe/react-native-maestro) — An example project to show off the use of the [Maestro UI testing framework](https://maestro.mobile.dev/) with a React Native app. Anthony Albertini [Building a Live Code Sharing Platform with Dyte and React](https://dyte.io/blog/live-code-sharing-platform/) — Dyte is a (commercial) platform for adding live video and voice experiences to an app. Vishal Pratap Singh (Dyte) [Using the Intersection Observer API to Progressively Reveal Content as the User Scrolls](https://www.freecodecamp.org/news/reveal-on-scroll-in-react-using-the-intersection-observer-api/) Jaja Ibifubara David 🛠 Code and Tools [Refine: A React-Based Headless Framework](https://refine.dev/) — Build a React-based CRUD app easily connecting together various auth systems, realtime providers, data providers, etc. The UI is then all up to you using whichever UI framework you wish. [GitHub repo.](https://github.com/refinedev/refine) Refine Dev Corporation [React Live 3.2: Live Edit React Component Code](https://react-live.formidable.dev/) — A modular tool for rendering React components with editable source code and live preview. You can play with some demos right on the homepage. [GitHub repo.](https://github.com/FormidableLabs/react-live) Formidable Labs [Tuple, a Lightning-Fast Pairing Tool Built for Remote Developers](https://tuple.app?utm_source=cooperpress&utm_medium=newsletter&utm_campaign=sponsorship-blitz&utm_content=React+Status_Brief+Link) Tuple sponsor [Nano JSX: A Lightweight SSR-First JSX Library](https://nanojsx.io/) — Features include no Virtual DOM, no external dependencies, on-demand hydration, and support for Node and Deno-based SSR. Nano JSX [Impala: A New, In Progress Vite-Powered React SSG](https://github.com/ascorbic/impala) — _“I started on it last night, so even alpha is a bit generous.”_ Matt Kane [Docusaurus 2.4: Open Source Documentation Site Builder](https://docusaurus.io/blog/releases/2.4/) — Powered by Markdown and React, this is an interesting tool from Meta for powering open source docs. No huge changes in v2.4, but the project continues to go from strength to strength. Meta Platforms Jobs [Software Engineer](https://jobs.ashbyhq.com/stickermule/1539721e-7c7d-4f45-a5b0-17e5c02d7bd0?utm_source=Cooperpress) — Join our happy team. Stimulus is a social platform started by Sticker Mule to show what's possible if your mission is to increase human happiness. Stimulus [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:** - [Ink 4.1](https://github.com/vadimdemedes/ink/releases/tag/v4.1.0) ↳ Use React to build interactive command-line apps. - [SVGR 7.0](https://github.com/gregberge/svgr) ↳ Transform SVGs into React components. - [React-Calendar 4.1](https://github.com/wojtekmaj/react-calendar) ↳ Powerful calendar component. ([Demo.](https://projects.wojtekmaj.pl/react-calendar/)) - [react-csv-reader 4.0](https://github.com/nzambello/react-csv-reader/releases/tag/v4.0.0) ↳ Handles CSV file input and parsing. - [react-datepicker 4.11](https://github.com/Hacker0x01/react-datepicker) ↳ Simple date picker component. ([Demo.](https://reactdatepicker.com/)) - [React Chrono 2.0.2](https://github.com/prabhuignoto/react-chrono) ↳ Timeline component. - [React Stripe 2.1](https://github.com/stripe/react-stripe-js) ↳ Components for Stripe.js & Stripe Elements. - [Mantine 6.0.5](https://github.com/mantinedev/mantine/releases/tag/6.0.5) ↳ Large suite of React components. 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