#208 — September 30, 2020

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Introducing visx: Visualization Primitives for React from Airbnb — When a tech powerhouse launches a new visualization library after three years of development, it’s worthy of attention. Formerly known simply as vx, browse the gallery and see if you’re not inspired.

Chris C. Williams & Harrison Shoff / Airbnb

Myths About useEffect — In the latest teaser for his upcoming course, Kent addresses the struggle many developers have employing the useEffect hook correctly. As usual, he makes it seem easy.

Kent C. Dodds

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

How to Use SVG Icons with React Icons and Font Awesome — The author asserts that ‘SVG was born for the web’ and having a widely supported vector graphics format makes a lot of things easier for sure, such as icons that render well on every device and at every resolution. Here’s the short course on integrating them into React.

Colby Fayock

import React from 'react' To Go Away in the Long Term — Don’t panic, though – they’re thinking more along the lines of React 19 or 20. But it’s worth switching to better alternatives now.

Dan Abramov on Twitter

react-dropdown-tree-select: A Customizable Fast Dropdown Tree Select Component — A lightweight and fast control to render a select component that can display hierarchical tree data. Here's an interactive demo.

Dow Jones

💻 Jobs

Front End Development Leader — Wanted: A Front End Developer to lead a group of young software developers. Help us change the insurance industry for the better.

BRANCH INSURANCE

Find a 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

Here’s a Simpler Alternative to Redux — In the seemingly never ending search for better and simpler state managment, the container pattern is brought to bear on the problem.

Spencer Pauly

The Modern Way to Style with Styled Components — The author takes you on his journey from styling React with inline CSS to fully utilizing Styled Components. He vows to never go back to his old way of doing things.

Michael Chang

React Data Grids - A Complete Guide — With this guide, teams have access to best practices, as well as instructions for creating an advanced React data grid.

Wijmo by GrapeCity, Inc. sponsor

Ketting v6: Using Hypermedia APIs with React — If you’re about to start building REST functionality on top of the Fetch API, stop. First, you want to check out this well-established library which delivers just that. Now in its sixth major release.

Evert Pot

A React Cheatsheet for 2020 — We somehow missed this when it came out earlier this year but it’s a handy resource for those who prefer just-in-time learning or want even more prep for nailing that interview.

Reed Barger

15 React Interview Questions with Solutions — If you’re looking to break into the thriving React development ecosystem, you’re going to have to nail the interview. Here are some questions to help you prepare.

Nilson Jacques

🔧 Code and Tools

react-carousel: An Extendable Image Carousel — Using this library to achieve an effective presentation of images really couldn’t be easier: simply pass it the img tags with your images and it does the rest for you. Check out some examples.

Brainhub

Tippy.js for React: Tooltips, Popovers, Dropdowns, and Menus — It has been nearly two years to the day since we last featured this Popper-powered library, but a recent new release necessitated another look. Its built-in WAI-ARIA-compliance is a big plus.

James N / Atomiks

Online Checkout Made Simple with Square’s Payments APIs and SDKs

Square Developer sponsor

mobx-react-lite: Lightweight Hook-Based Bindings for MobX — If you can limit yourself to functional components and want to benefit from a smaller and faster library, mobx-react-lite could be the right choice for you.

MobX

react-nil: A React 'Null Renderer' — An interesting experiment to use React in situations where you don’t need it to render anything, but you want to use hooks, suspense, context, and other bits of the React ecosystem. Like in, say, a Node app. Maybe this CodeSandbox example will provoke some thoughts.

Poimandres

react-sortable: A Component Built on Top of the Mature SortableJS Drag and Drop Library

SortableJS

GitHub Profile README Generator — This brand new library is getting a lot of attention. It’s no wonder given that it promises to automate all the mindless busy work which normally goes into maintaining READMEs.

Rahul Jain