#​238 — May 12, 2021

Read on the Web

React Status
⚛️ Your weekly React news digest, every Wednesday

API Design for a React Tree Table — A well-illustrated, step-by-step tutorial for building an emulation of the macOS Finder for navigating through hierarchical data. The documentation is complete and well-organized and source code is available. It's always good when someone clearly lays out the challenges they faced when building something like this.

Robin Wieruch

📷  Vision Camera 2.0: A Powerful Camera for React Native Apps — This second major release includes frame processors which enable QR code scanning, facial recognition, AI-enabled object detection, realtime video chats and more. Homepage.

Cuvent Technologies UG

New & Updated Course: Complete Intro to React v6 with Brian Holt — Learn to build real-world applications using modern React. Much more than an intro, you’ll start from the ground up, getting to using the latest features in React, including hooks, effects, context, and portals, plus piecing together tools from the entire React ecosystem.

Frontend Masters sponsor

htmr 1.0: HTML String to React Element Conversion Library — The 1.0.0 release of this lightweight, focused library which enables direct rendering of custom React components from the HTML returned from an API.

Fatih Kalifa

A Complete Guide to Building a Grocery Delivery UI with React Native — If you want to start the next big grocery delivery service (or more likely just learn how such apps work for your own ends!) this isn't just a useful tutorial but is full of links to the various bits and pieces you can pull together to build such an app.

Sophia Martin

📅  React Contributor Days in May 2021 — Suffering from live conference withdrawal? Hopefully you won’t have to wait much longer but, for now, you can have the next best thing: attending 'contributor days' which has a great line-up of speakers. But you had better hurry: it’s tomorrow!

This Dot Media

Jobs

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

Find React Jobs with Hired — Take 5 minutes to build your free profile & start getting interviews for your next job. Companies on Hired are actively hiring right now.
Hired

🧑‍💻 Got a job listing to share? Here's how.

📘 Tutorials and Stories

Reducing HTML Payload with Next.jsBookaway, a transportation booking platform, had to reduce the size of their HTML pages to provide a better user experience and, in turn, improve discoverability with major search engines.

Liran Cohen

Zustand’s Guide to Simple State Management — Yet another contender in the simple state management sweepstakes, the author first explains Zustand's key differentiators and then follows with illustrative examples.

Madushika Perera

React vs React Native: Differences, Advantages and Limitations — Valuable reading if you’re contemplating the migration of your React app to mobile devices (or the other way ‘round if it’s written using React Native).

Abhishek Kothari

A React App That Tracks the Orbit of the International Space Station

InfluxData sponsor

Migrating an Existing Next.js Project to Netlify — If you’re ready to take advantage of the performance, reliability and cost reduction benefits of cloud infrastructure, this tutorial walks through the exact steps required for this paid platform.

Cassidy Williams

Ten Mistakes to Avoid When Using React — While these are opinions, of course, your code will benefit from implementing at least some of these recommendations.

The Educative Team

🛠 Code and Tools

supported by Okta

react-use-please-stay: Animate the Document Title when Focus is Lost or Regained — There is, of course, a demo available.

Chris Frewin

react-native-image-cache: React Native Image Cache with Progressive Loading — Improve your users’ experience by progressively focusing the image as its download completes.

georstat

Nextra: Next.js Based Static Site Generator — The simplest way to a get a static Next.js site up and running brought to you by the creators of Next.js itself.

Vercel

[Free Download] Guide to Effective Feature Management — Learn feature management practices to accelerate release cycles and deploy every 6 hours, instead of every 6 weeks.

LaunchDarkly sponsor

Gestalt: Enforcing Pinterest's Design Language — In case you think Pinterest has gone away, 400 million active users make it the third most popular social media site behind Facebook and Instagram.

Pinterest

Rollbar React SDK: Real-Time Alerts on Errors — Just like a real rollbar which helps prevent or reduce injuries in the event of a crash, Rollbar provides real time error alerts when used in conjunction with their paid service.

Rollbar

The Official React Components for Stream Activity Feed — A comprehensive implementation complete with a Getting Started guide, an example app, a Component Reference as well as support for i18n.

Stream

⚡️ Quick Bits:

Interesting projects which you may have missed: