#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. 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. |
|