#274 — February 2, 2022 |
|
|
▶ The Story of React (in 10 Minutes) — If you find yourself at the beginning of the React learning curve, it will be valuable to get a short recap of how it got to where it is today, or maybe you just want to be entertained? ;-) This video gets us up to speed with React's background. ui·dev |
|
Look for These React Trends in 2022 — The author takes a look at what they feel will be important in the coming year: Remix, server-side rendering, concurrent rendering, behaviour testing as well as some 'honorable mentions'. Chak Shun Yu |
Free Activity Feeds & Chat APIs for Qualifying Teams — The Stream Maker Account provides qualifying teams with full and free access to Stream's Chat and Activity Feed APIs, making them accessible to side projects and new startups. Stream sponsor |
|
Two Key Releases:
|
|
How to Write Performant React Code — Although the author acknowledges the potential perils of ‘premature optimisation’, she says some such optimizations are a good thing when it comes to React and presses ahead with a series of examples. Nadia Makarevich |
|
Building Animations in React Native with Accessibility in Mind — The goal for Seer Medical’s mobile app was to provide a compelling, animated user interface while keeping in mind the specific accessibility requirements of its intended audience—people with epilepsy. Marton Bodonyi |
|
|
Understanding React Lifecycles — The author deconstructs the three phases of React components’ lifecycle: mounting (insertion into DOM), update and unmounting (removal from DOM) and goes on to describe the methods appropriate for each. Fernando Belotto |
|
Automatic Batching in React 18 — With React 18 in beta, it’s timely to examine features which distinguish it from previous releases: Automatic Batching portends fewer needless renders. Lakindu Hewawasam |
🛠 Code and Tools |
|
|
Ninja Keys: A Utility to Add Keyboard Shortcuts Interface to a Site — Will display a ‘drawer’ with shortcut key options for the app/page, available in plain JS, Vue, React, and Svelte. Try it here. We like it. Sergei Sleptsov |
|
React-PDF 5.7: Display PDFs in a React App As Easily As If They Were Images — This big update adds support for React 18. Wojciech Maj |
|
Find, Fix, & Track Vulnerable Code Quickly Across Your Entire Codebase Sourcegraph sponsor |
|
react-waves-effect: Subtle Animations for Buttons — These low-key animations will enliven screen interactions and potentially make an interface more pleasant to use. The demo clearly illustrates them. Leulseged Tariku (LeulAria) |
|
Geist: A Modern and Minimalist React UI Library — Design inspired by Vercel and includes 50+ categorized components that you can view here on the documentation site. Geist |
|
styled-jsx 5.0: Full CSS Support for JSX Without Compromises — Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Vercel |
|
React Mentions: To Signavio GmbH |
|