A guide to data table libraries

Plus Redux 4.1 and building a solid table of contents system.|

#​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 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 React — ClojureScript 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: use-clipboard-copy — A copy-to-clipboard hook. React <Frame /> Component — Encapsulate your app within an iFrame. React Live Chat Loader — Mitigate the impact of live chats on page perf. React Hook Form Error Message — Simplify the display of error messages. use-tus — Resumable file uploads.

This issue was curated by Terence C. Gannon and edited by the Cooperpress team. A Cooperpress publication. Change your email address or Stop getting this newsletter © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom