#206 — September 16, 2020

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Rewriting Facebook's Recoil React Library from Scratch in 100 Lines — It’s a bold claim. However it turns out the author didn’t really set out to replicate 100% of Recoil’s features, but rather to take this on as a challenge to his coding skills. Want to see how it turns out?

Bennett Hardwick

The Ugly Side of React Hooks — We cover hooks a lot, mostly in a positive light, so we were intrigued to find an article dedicated to the other side of the argument. From the comments, though, clearly not everybody agrees with the author’s assertions. Game on.

Nir Yosef

Building Chat With React? Stream Chat Has You Covered — This tutorial shows you how to quickly build chat leveraging Stream's Chat API and the Stream Chat React components.

Stream sponsor

Building React Apps with Storybook — We have featured a number of articles on Storybook over the past few issues but none of them illustrated its use through a full cycle of development in the quite the way this article does.

Abdulazeez Adeshina

Requisite React — While undoubtedly teasing out the content for his upcoming course, we were impressed (and amused) with Dodd’s concrete example used to illuminate the concept of abstraction.

Kent C. Dodds

Recoil 0.0.11 Released: An Experimental State Management Approach — This release adds experimental React Concurrent Mode support.

Facebook Experimental

💻 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 Vettery — Create a profile on Vettery to connect with hiring managers at startups and Fortune 500 companies. It's free for job-seekers.

Vettery

ℹ️ Interested in running a job listing in React Status? There's more info here.

📘 Tutorials and Stories

A Gentle Introduction to Code Splitting with ReactCode splitting is an advanced optimization technique used to divide code into 'bundles' that can be loaded on demand as functionality is actually required.

Gustavo A. López

The Ultimate Guide to React Localization with i18next — Making your app available to the broadest possible audience regardless of what language they speak could be the fastest and easiest way to increase your audience. i18next is the robust internationalization framework you’ll need to be local all over the globe.

Mohammad Ashour

Get Started with Distributed Tracing for Node.js with OpenTelemetry

Lightstep sponsor

How to Use Expo with React Native — The first of a two part series focused on React Native develoment in which the author provides a quick and easy-to-follow primer on the setup of these cross platform development tools.

Robin Wieruch

A Concrete Example for React.useImperativeHandle — This obscure hook is not used often but this is a case where the author claims nothing else will quite do the same thing. With a better understanding you may find examples of your own where it can be applied.

Yoav Niran

🔧 Code and Tools

react-range: Accessible Range Input with a Slider — Accessible and customizable. Examples here.

Vojtech Miksu

react-async-hook: Handle Any Async Operation in Components — We were sold on this with the first line of the README: “This library only [does] one small thing, and [does] it well.”

Sébastien Lorber

Searching for a React DatePicker to Fit Your App? Check This One Out 📅 — Built from the ground up for React, the KendoReact DatePicker is feature-rich, customizable & sleek. Check out the demo.

Progress KendoReact sponsor

Chronograf: Integrated Monitoring and Alerting — This comes from the same folks who brought us Telegraf, the flexible and intelligent agent for gathering metrics, and provides a way of integrating all that data, visualizing it and then configuring automated alerts.

InfluxData

react-filepond: To 'Upload Anything You Throw At It'Filepond may be the last JavaScript uploader library you’ll ever need. Well, that may be a bit of a stretch but here's a React wrapper for this ‘flexible and fun’ UI.

Rik Schennink

react-xr: Tools for Creating VR/AR Applications — If you believe that VR/AR is the next big thing in UI design and implementation, you had best get your toolset together. Check these ones out on CodeSandbox.

react-spring

SurveyJS: A Modern Approach to Surveys and Forms — While we may hate filling them out, there may come a time when we actually want to see what the community is thinking through the use of some sort of survey. This popular library will help you with the task. Examples here.

SurveyJS

A Real Time Trading System Built with React — Real time systems, in this case for F/X trading, can be some of the most challenging applications to architect and build. Here’s one which is open source and built using React/Redux, .NET and Node.

Adaptive Consulting