What the React team is working on now
#294 — June 22, 2022
💡 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 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.
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)
Joe Lencioni (Airbnb)
A feature matrix comparing seven different ways to create a React app 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.
If you use Adobe’s React Spectrum components at all, you need to check out the new date and time pickers – 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 — 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.
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.
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.
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.
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.
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.