#215 — November 18, 2020

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Importing React Through the Ages — Kent looks at the wide variety of ways you can import React now and why he prefers a specific one. It’s certainly worth a reminder that import React from 'react' will not be supported in future.

Kent C. Dodds

Creating a React Analytics Logging Library — We love getting a peek behind the curtain of a large scale, mainstream platform: this time it’s Slack where three of their engineers detail the work on analytics logging in their React-driven desktop app.

Konstantin Savransky, Fabio Canache, Justin Huddleston

Vue 3 Is Out! Jump into Vue 3 Quickly in This New Course by Sarah Drasner — Learn fundamental concepts in Vue, such as directives, methods, and computed watchers. You’ll learn Vue’s reactivity system and the new Composition API in Vue 3.

Frontend Masters sponsor

Chakra UI 1.0: A Modular Component Library for React — A set of WAI-ARIA-enabled, themeable components for building React apps. v1 upgrades to React 17 and Emotion 11, there’s also now a component theming API.

chakra ui

Build Your Own Stickers Component with react-konva — Stickers are seemingly everywhere. It’s no wonder given their propensity to trigger engagement. This tutorial walks through the use of the Konva HTML5 Canvas animation library (enabled by React Konva) to add stickers to your app.

Sarah Hamilton

▶  What’s New in React With Shawn Wang — ‘Swyx’ is a popularly followed developer in the React community. Listen in on his conversation with TJ VanToll where he discusses what’s new in React Core, the React routing world, React DevTools, and more.

React Round Up podcast

💻 Jobs

Senior Web Developer (Node/ReactJS) - Remote — Millions get inspired and plan adventures with our apps. To help us make komoot.com the place to go to plan outdoor adventures, we’re looking for a one of a kind Web Developer to join our team.


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.


🧑‍💻 Interested in running a job listing in React Status? There's more info here.

📘 Tutorials and Stories

How to Build Awesome Tables with React Table — This ‘zero-to-cruising speed’ tutorial takes the popular React Table library and goes through a detailed, concrete example which will bootstrap your own efforts.

Matthew Brown

Why I Will No Longer be Using console.log() to Check React State Updates — Every time there's a poll about it, console.log() comes out as developers' go-to debugging approach 😏 but if you want to take one gentle step further, perhaps give console.table() a try, like this author did.

Aharon Hyman

8 Key Factors When Deciding to Build In-House or Buy a UI Library — Faced with the choice of building UI internally vs adopting a ready-made component suite? Make an informed decision.

Progress KendoReact sponsor

▶  TypeScript + React = ❤️ — If you’re suffering pandemic-induced withdrawal because you haven’t attended a conference in months, why not set aside 90 minutes and have this engaging speaker walk you through the finer points of using TypeScript. It’s almost like being there.

Ben Ilegbodu

Building a Podcast Site Using Gatsby, React, Netlify and Amazon S3 — According to one source there are now 1.5 million podcasts with over 34 million episodes. If one of those is yours and you fancy skipping the popular services to roll your own, this may give you some ideas.

Vincent Tang

Authenticating React Apps with Auth0Auth0 is a commercial service that lets users authenticate using whatever method makes sense to them: Google, Facebook, Twitter or a long list of other platforms. Here’s how to integrate it with your React apps.

Nefe Emadamerho-Atori

How I Learned to Create Optimized Contexts — An opinionated roadmap for the use of React Context or "what I consider to be a good context and how to write one."

Thomas Juster

🛠 Code and Tools

Downshift: Primitives to Build Accessible React Dropdowns, Comboboxes, and More — Somehow we missed the 6.0.0 release but this popular library continues to get updated on a frequent basis.

PayPal et al.

Rockpack: Reduce Project Setup from Weeks to Minutes? — It seems like a tall order, particularly when it comes complete with “server side rendering, bundling, linting, testing, logging [and] localizing” but it certainly offers an alternative to Create React App.

Sergey Aleksandrov

Replay: A Game Engine Inspired by React — An opportunity to migrate at least some of your React skills over to the gaming space?

Ed Bentley

Stream Announced the Public v2.0 Availability of Their React Native SDK

Stream sponsor

styled.macro: A Brand New Styling Library for React Native — It’s just out, but it’s a comprehensive library. Described as a “utility-first” it’s your opportunity to have your React Native app stand out from the crowd, at least until everybody else catches up with you.

Ahmed T. Ali

ui-neumorphism: React Components for the 'New Skeuomorphism' — It’s hard to know whether this is a fad or something which is here for the long haul, but we like its delicate bubbly look. It has almost a Minority Report feel to it, don’t you think?

Ankit Kumar Pandit

ESP8266 IoT Framework: UI Powered by ReactIoT is currently one of the hottest subjects in tech. Despite that, it doesn’t seem to come up much in the React community. Here’s an exception to that generalization related to the ESP8266 technology.


⚡️ Quick Bits:

Some handy libraries tightly focused on doing just one thing well. One of them could be your missing piece of the puzzle: