#​236 — April 28, 2021

Read on the Web

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

React Table Guide and Best React Table Examples — There’s no shortage of React table libraries. This introduction focuses on React Table before presenting numerous others which might better fit your particular requirements.

Eugene Stepnov

Redux 4.1 Released — It’s not a huge release for the popular state container, but the bundle size is down almost 40% and error messages are improved. You may also be intrigued in the first 1.6.0 alpha of Redux Toolkit which integrates RTK Query, a data fetching and caching library built for Redux.

Mark Erikson

Book a Demo. Ship Fast. Rest Easy. LaunchDarkly — Testing in production? It's scary until it's not. Get total control of your code to ship fast, reduce risk, and reclaim your nights and weekends.

LaunchDarkly sponsor

React Components as TypeScript Generic Functions — A walkthrough of TypeScript generics as a means of increasing the flexibility of your React components while reducing the amount of code required.

David Gilbertson

How To Build a Table of Contents in React — This table of contents goes beyond the static presentation of links to subheadings within your page. Rather, it creates an interactive tool for users to efficiently navigate your content.

Emma Goto

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

21 Best Practices for a Clean React Project — Specific techniques, each illustrated with a code snippet, all intended to improve the quality of your code.

Mohammad Faisal

Handling Offline Mode in React Native — Telecom providers would have us believe that great internet connectivity is available everywhere, all the time. Here’s how to handle the situation when that promise is inevitably broken.

Ahsan Ali

The Worthy Web Hackathon: Make the World a Better Place and Win Prizes — Announcing The Worthy Web Hackathon: $40K in prizes in nine categories including Best Use of KendoReact. Sign up today.

Progress KendoReact sponsor

How To Deploy a React Router-Based Application to Netlify — A short primer on getting your app up and running on Netlify.

Yogesh Chavan

Build an SaaS Platform with Stripe — If you’re ramping up a service for which you intend to take payments, this tutorial has everything you need to get started with the popular Stripe payment service and Next.js on the backend.

Jon Meyers

Google Sheets Using React TypeScript — Not sure you need full blown database for a simple data collection app? This concise tutorial will show you how to post React form data to Google Sheets.

Fakhreddine Messaoudi

How To Add a Netlify Form to a React App Built With create-react-app — Alternatively, you can use create-react-app to create a single page application which includes a data collection form for a backend service like Netlify.

Joseph Mawa

🛠 Code and Tools

supported by Okta

Replay 3.0: A React Video Player — A ready-to-use, fully-customisable, robustly-featured video player component for React applications.

Vimond Media Solutions

useSound: A Hook for Sound Effects — Built with Howler.js, now you can add a new, auditory dimension to your UI designs.

Josh W. Comeau

Free Chat & Activity Feed APIs for Qualifying Teams

Stream sponsor

The Best React Native Libraries for Leveraging Native Features — For those getting started with React Native development, this set of libraries and techniques will provided a well-rounded set of tools for most projects.

Youssouf El Azizi

Helix: ClojureScript Wrapper for ReactClojureScript compiles Clojure into JavaScript and Helix, in turn, wraps React. It’s what you’ve needed to bootstrap your Clojure-based development efforts without having to abandon your favourite framework.

Will Acton

next-translate: Simple i18n Translations for Next.js — Quickly and easily broaden the appeal of your application for an international audience.

Vinissimus

GeoStyler: A Generic Styler for Map Data — A complete set of UI components for map styling. Now in its sixth major release.

GeoStyler

⚡️ Quick Bits:

Interesting projects which you may have missed: