#​294 — June 22, 2022

Read on the Web

💡 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

React Labs: What The React Team is Working On — 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 — 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)

Build a Mobile-Responsive Telehealth Pager App Using Stream’s Chat API — 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 — 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 — The full story of why Airbnb moved from its own CSS in JavaScript abstraction (react-with-styles) to the zero-runtime, build-time approach offered by Linaria.

Joe Lencioni (Airbnb)

Quick bits:

🛠 Code and Tools

Create Rust App: Set Up a Modern Rust + React Web App in One Command — In the same spirit as 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 — Version 5 is a full rewrite 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

Postlight sponsor

Verbum: A Flexible Text Editor Built on Lexical — The still-in-early-development Lexical 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 — Initially built for the 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 — Incorporate weather forecast data from three different services.

react-complex-tree — An accessible tree component with multi-select and drag-and-drop.

react-transition-value — Transition number values using easing functions.

⚡️ QUICK RELEASES

Reactime 14.0 – Chrome devtool for time travel debugging.
React Native Owl 1.0 – Visual regression testing for React Native.
Recoil 0.7.4 – The experimental state management library.
React CountUp 6.3 – Makes numbers go brrr.
React Toastify 9.0.5 – Notifications made easier.
MDX 2.1.2 – Markdown for the component era.
html-react-parser 2.0 – HTML to React parser.
sentry-react-native 4.0 – Official Sentry SDK for React Native.
React Joyride 2.5 – Create guided tours in your apps.

Jobs

React Developer at X-Team (Remote) — 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) — 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 — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers.
Hired