#131 — March 27, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

Routing with Hooks: A New Approach to React Routing? — An interesting experiment in using hooks for React app routing has turned into an actual project called hookrouter which has some compelling advantages compared to existing routers. See how it works here.

Christian Engel

React Router v5 Released — The latest version of the popular declarative routing solution now has lots of React 16 compatibility improvements, is fully compatible with strict mode, and is fully backwards compatible with React Router v4, so upgrade now.

Michael Jackson

New Course: Firebase 🔥 with React, v2 — Build full-stack applications leveraging your React skills on top of the Firebase platform. You'll get hands-on experience building a real-world application from the ground up and deploying it to the cloud.

Frontend Masters sponsor

React 16.8.5 Released — Not a big release, mostly a handful of minor fixes.

Facebook

Building a Real-Time Collaborative Beatbox with React — Nader, author of React Native in Action, explains how he used GraphQL subscriptions and React to build this real-time collaborative beatbox.

Nader Dabit

Unpopular Opinions: The React Edition — Last weekend, Dan Abramov leant into a current popular meme on Twitter where you encourage people to leave their ‘unpopular opinions’ on a certain topic. There were a lot of replies from silly to thought provoking.

Dan Abramov on Twitter

💻 Jobs

Developer Advocate ✌️in Beautiful Norway 🎉 — Passion for React and GraphQL? Love to blog, tweet and enable developers? Want to move to Skien, Norway?

Crystallize

Find A Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers.

Vettery

📘 Tutorials

How to Test Custom Hooks with Enzyme — A simple approach to test the behaviour of custom React hooks.

Dinesh Pandiyan

Building a Componentized & Reusable 'Scroll to Top' Feature in React

Sarah Sweat

▶  React Hooks and Suspense — A 37-minute video course (broken up into 14 easily digestible sections) from Kent C. Dodds.

Egghead.io

See Things Better. Build Things Better — Aggregating git data into understandable reports, to help make teams more successful. Debug your development with objective data.

GitPrime sponsor

Build React-Static Sites using Hasura-Powered GraphQL on PostgresReact-Static is a static site generator for React.

Praveen Durairaj (Hasura)

How to Use React in Creating a Chrome Extension

Hu Chen

🔧 Code and Tools

React-Redux 7.0 Beta: Official React Bindings for Redux“React-Redux version 7 resolves the performance issues that were reported with version 6, and lays the groundwork for us to design and ship a public useRedux()-type Hooks API in a later 7.x release.”

Mark Erikson

React LoadCon: Use Your Favicon to Show Progress — Turns your page’s favicon (as displayed in the browser tab) into a donut or circle that can indicate progress. GitHub repo.

foreseaz

react-unveil: A 'Show More' Component for Expanding and Collapsing HTML Sections

Clement Hoang

Dare to Stream: Try Bitmovin’s Encoding, Player, and Analytics Solutions for Free

Bitmovin sponsor

Vibe: A React-Powered Dashboard Framework Built with Bootstrap 4

Nice Dash

react-frontload: Load Data Asynchronously Into Your Components — Works with both server and client-side rendering.

Dave Williams

react-rotating-text: A 'Typewriter Effect' of Changing Text — Not rotating in the spinning sense but rotating as in a string is ‘typed’ out, deleted, then another goes in its place. Live demo.

Adrian Li

REAVIZ: A D3.js-based React Data Visualization Library — We only first linked this a couple of weeks ago but a new 1.1 release includes support for five radial chart styles. Storybook-based demos.

JASK Open Source

✨ Superfriends!

Pictured: The React Team, All in One Place“First time I’ve seen the whole team in one place since 2016.”

Sophie Alpert on Twitter