#227 — February 24, 2021

Read on the Web

React Status
Your weekly React news digest, every Wednesday

▶  Discovering Next.js with Guillermo Rauch — A 35-minute interview with Guillermo Rauch, CEO and co-founder of Vercel, about the React-powered Next.js framework, its benefits for front-end engineers, and where its speed and quality benefits come from. There's a written transcript too if you'd prefer.

Semaphore Uncut Podcast podcast

How to Create React Components with TypeScript — While TypeScript still doesn't make up the majority of React-related code out there, it's nonetheless increasing in popularity and this tutorial aims to take away the 'fear' of using it by showing how a modest investment of your time can pay dividends in type-safety and autocompletion.

Felix Gerschau

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

Goober: A Less Than 1KB CSS-in-JS Solution — Lightweight yet feature rich, you can give their React-oriented interactive demo a try to see if it’s a fit for your requirements.

Cristian Bote

Dependency Injection in React — Clear boundaries between components decouples your design and facilitates testing.

Rani Zilpelwar

▶  React Native Radio: Tips & Tricks for the App Store and Play Store — As many mobile app developers know, there can be a significant gap between finishing your app and actually getting it released in the major app stores.

Jamon Holmgren, Robin Heinze and Adhithi Ravichandran podcast

💻 Jobs

Senior Web Developer (Node/ReactJS) - Remote — Millions get inspired and plan adventures with our apps. To help us make komoot.com the place to go to plan outdoor adventures, we’re looking for a one of a kind Web Developer to join our 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.


📘 Tutorials and Stories

Timed Finite State Machines with React and XState — Starting with an easy-to-understand and well-illustrated example, the author introduces the functionality and value of timed finite state machines and then walks through their implementation.

Altrim Beqiri

Turn Google Sheets into a REST API and Use It with React — An easy way to eliminate the obstacles which have previously prevented getting all that Google Sheets data into your React app.

Nishant Kumar

On Prop Drilling — What it is, why it’s good, why it’s bad, and how to avoid common problems with it

Kent C Dodds

An Engineering Leader’s Guide to OpenTelemetry

Lightstep sponsor

▶  Intro to MobX Tutorial: Building a Simple BlockchainBlockchain technology is seemingly everywhere and doing everything, so why not learn about it using the MobX you likely already know.

Leigh Halliday

Avoiding Race Conditions and Memory Leaks with useEffect — A succinct look at dealing with a couple of common pitfalls with the useEffect Hook.

Saransh Kataria

React Native Performance: Do's and Don’ts — Those new to React Native will appreciate the prescriptive recommendations of what to do and, just as importantly, what not to do.

Aman Mittal

🛠 Code and Tools

supported by Okta

Simple-Keyboard: A Virtual Keyboard for JavaScript Projects — Customizable, responsive and lightweight. Compatible with vanilla JS, React, Angular, Vue and more. Love the homepage on this one.

Francisco Hodge

React Currency Input Field Component — You can’t completely internationalize your application without dealing with all the nuances of the way currencies are expressed and manipulated.

Chun-Kit Chan

A Better Way to Build Internal Tools — Build internal apps without the mundane, boring bits (wrestling with UI libraries or hacking together data sources and APIs).

Retool sponsor

rc-drawer: A Sliding Drawer Component — Documentation is quite sparse, but there’s a handy Storybook collection of examples and with over 500k downloads a week it clearly has some draw… 😆


Fielder: Simply Another Form Library? — The author first addresses why there is a need for an alternative approach to forms (as compared to Formik, for example) and then defines the notion of a ‘field first’ approach. A short video introduction further explains the concept.

Andy Richardson

React Native Calendars — It’s been a long time since we featured this popular library (2017, to be precise) so we thought it was high time we featured it again.

Wix Engineering

Eight Open Source React Native Projects to Check Out — If you learn best by looking at how other developer's have approached a problem, this is a neat set of React Native apps for which you can look at the source code.


⚡️ Quick Bits:

Interesting projects which you may have missed: