---
title: "What the React team is working on now"
publication: "React Status"
issue: 294
published_at: "2022-06-22"
canonical_url: "https://react.statuscode.com/issues/294"
---

Plus how DigitalOcean and Airbnb are working with React at scale. |        

#​294 — June 22, 2022 

[Read on the Web](https://react.statuscode.com/issues/294)   

💡 Don't miss the _Quick Releases_ section further down this issue as there have been a ton of interesting new releases this week and we've had to pack them in! :-)  React Status  

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/mnlt4hremarj8nbkn5ay.jpg)](https://reactjs.org/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022.html)  

[React Labs: What The React Team is Working On](https://reactjs.org/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022.html) — With the React 18 launch in the rear view mirror, the React Core Team has turned their attention to what’s next and this post gives some detailed hints of what’s to come. As they note, however, it’s **not** a road map and some of what’s discussed many not even see the light of day as-is. 

The Entire React.js Team   

[Notes on Maintaining an Internal React Component Library](https://www.gabe.pizza/notes-on-component-libraries/) — A developer’s thoughts on maintaining a component library as part of an existing design system used by a large number of frontend apps at DigitalOcean. 

Gabe Scholz (DigitalOcean)   [![\](https://copm.s3.amazonaws.com/323b3389.png)](https://getstream.io/blog/build-a-medical-pager-app/?utm_source=ReactStatus&utm_medium=Newsletter_Content_Ad&utm_content=Developer&utm_campaign=ReactStatus_June2022_MedicalPagerApp) 

[Build a Mobile-Responsive Telehealth Pager App Using Stream’s Chat API](https://getstream.io/blog/build-a-medical-pager-app/?utm_source=ReactStatus&utm_medium=Newsletter_Content_Ad&utm_content=Developer&utm_campaign=ReactStatus_June2022_MedicalPagerApp) — Build a responsive chat app with emojis/reactions, built-in GIF support, ability to edit/delete messages, direct & group chat, and more. 

Stream sponsor   

[Helping Migrate React Native Libraries to the New Architecture](https://reactnative.dev/blog/2022/06/16/resources-migrating-your-react-native-library-to-the-new-architecture) — An update from the React Native Core Team on resources available to help migrate native modules and native components to their ‘New Architecture’ equivalents: TurboModule and Fabric Components. 

Riccardo Cipolleschi (Meta)   

[Airbnb’s Trip to Linaria for CSS-in-JS](https://medium.com/airbnb-engineering/airbnbs-trip-to-linaria-dc169230bd12) — The full story of why Airbnb moved from its own CSS in JavaScript abstraction ([react-with-styles](https://github.com/airbnb/react-with-styles)) to the zero-runtime, build-time approach offered by [Linaria.](https://github.com/callstack/linaria) 

Joe Lencioni (Airbnb)   

**Quick bits:** 

- A feature matrix comparing [seven different ways to create a React app](https://twitter.com/i/web/status/1538920643571458048) in 2022 including Vite, Next.js, and Remix.
- Popular frontend dev blogger Josh W Comeau has a new course on the way: [The Joy of React](https://www.joyofreact.com/).
- If you use Adobe's _React Spectrum_ components at all, you need to check out [the new date and time pickers](https://react-spectrum.adobe.com/blog/date-and-time-pickers-for-all.html) – they've spent a lot of time on getting the accessibility and i18n factors just right.  

🛠 Code and Tools  

[Create Rust App: Set Up a Modern Rust + React Web App in One Command](https://github.com/Wulf/create-rust-app) — In the same spirit as [Create React App](https://github.com/facebook/create-react-app), this brings a similar experience if you’d prefer to build your backend in Rust. 

Haris Khan et al.   

[IdleTimer: Detect and Respond to Your User’s Activity/Idle Time](https://idletimer.dev/) — Version 5 is a [full rewrite](https://idletimer.dev/docs/getting-started/new) of this otherwise mature activity and idle detection component. It enables you to trigger or terminate activities based on how the user is interacting with your app in a variety of ways. 

Randy Lebeau   

▶[A Must-Listen Podcast for Technology Leaders Solving Tough Problems](https://postlight.com/podcast?utm_source=cooperpress&utm_medium=email&utm_campaign=editaudio) 

Postlight sponsor   

[Verbum: A Flexible Text Editor Built on Lexical](https://github.com/ozanyurtsever/verbum) — The still-in-early-development [Lexical](https://lexical.dev) framework provides many of the building blocks required to create “unique text editing experiences”. This library wraps it and makes it ready for incorporation into React apps. 

Ozan Yurtsever   

[H5Web: React 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   

[react-open-weather: Bring Weather Forecasts into Your App](https://github.com/farahat80/react-open-weather) — Incorporate weather forecast data from three different services.   

[react-complex-tree](https://github.com/lukasbach/react-complex-tree) — An accessible tree component with multi-select and drag-and-drop.   

[react-transition-value](https://github.com/dev-bjoern/react-transition-value) — Transition number values using easing functions.    

**⚡️ QUICK RELEASES** 

[Reactime 14.0](https://github.com/open-source-labs/reactime/releases/tag/v14.0.0) – Chrome devtool for time travel debugging.
 [React Native Owl 1.0](https://github.com/FormidableLabs/react-native-owl) – Visual regression testing for React Native.
 [Recoil 0.7.4](https://github.com/facebookexperimental/Recoil) – The experimental state management library.
 [React CountUp 6.3](https://github.com/glennreyes/react-countup) – Makes numbers go _brrr._
 [React Toastify 9.0.5](https://github.com/fkhadra/react-toastify) – Notifications made easier.
 [MDX 2.1.2](https://github.com/mdx-js/mdx) – Markdown for the component era.
 [html-react-parser 2.0](https://github.com/remarkablemark/html-react-parser) – HTML to React parser.
 [sentry-react-native 4.0](https://github.com/getsentry/sentry-react-native) – Official Sentry SDK for React Native.
 [React Joyride 2.5](https://github.com/gilbarbara/react-joyride) – Create guided tours in your apps.    

Jobs  

[React Developer at X-Team (Remote)](https://x-team.com/remote-react-developer-jobs/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=cooperpress-react&utm_content=react) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more. 
X-Team   

[Senior Software Engineer at This Dot Labs (Remote, Worldwide)](https://www.thisdot.co/job/senior-software-engineer-javascript-remote) — Great benefits working in modern tech stacks and amazing clients such as Google, Meta, Twilio, Cloudinary, Roblox, and more. 
This Dot Labs   

[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=find-your-next-job) — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. 
Hired            

This issue was curated by Terence C. Gannon 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
