#228 — March 3, 2021

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Before You memo() — There might be some optimization techniques which may actually be more effective than immediately reaching for memo or useMemo; two of them are decribed here.

Dan Abramov

Gatsby 3.0 Released — Gatsby is a React-based open source framework with performance, scalability and security built-in. v3.0 promises an 80% speed improvement to the local development experience.

Hashim Warren (Gatsby)

The Definitive Guide to Feature Management — Feature management is a new class of software development tools/techniques powered by feature flags. A feature management platform like LaunchDarkly fills the gaps of conventional feature toggles. Learn the ins & outs of feature management today.

LaunchDarkly sponsor

Recreating Real-World Terrain with React, Three.js and WebGL Shaders — Recent coverage of the Mars landing, and the compelling graphic representations of the flight, may have piqued your interest in creating something similar yourself. Here are at least a few of the tools you could use to do that.

Rishabh Karnad

Creating a Chrome Extension with React — It could be the app you’re about to develop from scratch is better suited to being delivered as a browser extension. This article will help you decide.

Aman Kumar

💻 Jobs

React Developer at X-Team (Remote) — Join the most energizing community for developers and work on projects for Riot Games, FOX, Sony, Coinbase, and more.

X-Team

Find Your Next Job Through 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

📘 Tutorials and Stories

React Component Tests for Humans — Maybe the reason you’re dragging your feet when it comes to implementing the testing you know you need is because it’s just so miserable to do. This article will speak your language.

Miroslav Nikolov

Using Dexie.js in React Apps for Offline Data StorageDexie.js is a minimalistic wrapper for the IndexedDB API to handle offline data storage in webapps.

Ebenezer Don

Variants: A Quick Tip for Better React Components?“This is a pattern that feels obvious yet you learn it a few times per year. I remember folks talking about it on Twitter and thinking ‘D’oh that’s obvious’”

Swizec Teller

React Navigation 5: Unit Testing Components — Have you encountered the “couldn’t find a navigation object” message when testing components with the useNavigation hook? Here are three solutions to dealing with it.

Alex Zurek

How to Fetch Data in React: Cheat Sheet and Examples — The author covers no less than five different ways of fetching data: he goes through each one in enough detail to enable an informed choice between them.

Reed Barger

An Engineering Leader’s Guide to OpenTelemetry

Lightstep sponsor

CSS-in-JS Support in DevTools — Google’s take on managing your CSS with JavaScript using the facilities available with their DevTools.

Alex Rudenko

Immer vs Ramda: Two Approaches Towards Writing Redux Reducers — An entertaining look at two potential travelling companions on your path to JavaScript purity.

Franciszek Krasnowski

Building a Roadmap Voting App with Serverless Redis and Next.js

Noah Fischer

🛠 Code and Tools

Getting Started with React Virtuoso: A Virtualized List Component — If rendering massive data sets is required, the Virtuoso virtual list component may well fit the bill. This succinct, easy-to-follow guide will both get you started and clearly illustrate its capabilities.

Petyo Ivanov

React Dev Inspector — Switch between your local IDE and a React component in your browser with just one click. The online demo clearly illustrates the benefit.

zthxxx

Looking for the Best React Form Library? It’s Probably on This List. — Do you need a form in your app? Check out this comparison between some of the best React form libraries. Read more.

Progress KendoReact sponsor

React Static Tweets: SSR for Embedded Tweets — Tired of Twitter’s clunky embedding SDK performance? This library promises between 10 times and 100 times better performance.

Travis Fischer

echarts-for-react: Compelling Visual PresentationsApache eCharts is one of the more popular visualization libraries and this wrapper makes it available to React applications. Some examples here.

hustcc

react-native-vision-camera: Comprehensive Mobile Device Camera Library — A complete feature set including photo/video capture, device customization (wide-angle and ultra-wide-angle, telephoto), customized FPS and night modes. Check out their sample app.

Cuvent Engineering

react-native-collapsible-tab-view: A Cross-Platform Collapsible Tab View Component — A series of animated GIFs on the README here show off the concept well.

Pedro Bern

⚡️ Quick Bits:

Interesting projects which you may have missed: