#128 — March 6, 2019

Read on the Web

React Status
Your weekly React news digest, every Wednesday

My Intuition on When to Use Custom React Hooks — Learn how custom hooks are like mixins: a great way to share small bits of functionality between components.

James K Nelson

A Naive, 27 Line Reimplementation of React Hooks — OK, it’s hard to read and there’s a (minor) bug in it, but reading through this code example might help you understand how hooks work under the surface a little more. Here’s an interactive, copy/pasteable alternative version you can play with yourself.

Shawn Wang

See Things Better. Build Things Better — Ship faster because you know more, not because you're rushing. GitPrime aggregates historical git data into easy to understand insights and reports, to help make engineering teams more successful. Debug your development with objective data. Learn more.

GitPrime sponsor

Storybook 5.0: The UI Component WorkshopStorybook is a popular tool for building UI components not only for React but Angular and Vue too. Version 5 comes with an all-new interface, is more customizable, and has a great new homepage. Still asking why you should use Storybook? They’ve got that covered with a new 2 minute intro video.

Michael Shilman

How Are Function Components Different from Classes?“They’re a whole different Pokémon,” says Dan.

Dan Abramov

React Confetti! — Exactly what it says in the title, really 😄It’s a customizable confetti effect for your page. Stick this on your homepage to celebrate your special occasions - we dare ya.

Aaron Lampros

▶  Watch an Amateur Spin Up a React, Babel, Webpack and CSS Modules Project — Well, it’s Chris Coyier of CSS Tricks, so he knows what he’s doing, but up-to-date walkthroughs like this are often helpful given how quickly toolsets change.

Chris Coyier

💻 Jobs

JavaScript Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.


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


📘 Tutorials

How to Use Firebase as a Simple Database for a React App

Nathan Sebhastian

How Does Aurelia 'React'?Aurelia is an interesting framework in its own right - this new series aims to show how Aurelia approaches things you might otherwise do in React.

Rob Eisenberg

Some Alternatives to JSX — React has made JSX, an extension to JavaScript that lets you write HTML inline with JavaScript, popular but there are some alternative approaches.

Seva Zaikov

Making HTTP Request in React Apps — Covers the basic approaches, such as the Fetch API and Axios.

Chidume Nnamdi beginner

Writing Tests for React Applications Using Jest and Enzyme — Tests will help increase your confidence in the code you build and deploy and this tutorial will help you take some first steps towards doing it.

Kingsley Silas beginner

🔧 Code and Tools

React-Calendar: A Simple Calendar Component — Provides a straightforward, compact monthly view. Boasts good test coverage and uses native date functionality rather than external libraries.

Wojciech Maj

Simplify Event Tracking with a Single API — Collect data once with Segment and send it to 200+ tools. Get a free developer account.

Segment sponsor

react-three-fiber: A React Renderer for Three.jsthree.js is a (very) popular library for building 3D graphics experiences with JavaScript.

Paul Henschel

react-infinite-scroll-component: An 'Infinite Scroll' ComponentDemo here.

Ankeet Maini

react-svg-pan-zoom: Add Pan and Zoom Features to SVGs

Christian Vadalà

react-phone-number-input: A Component for International Phone Number Input


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

Bitmovin sponsor

react-power-tooltip: A Flexible Tooltip and Menu Library

Justin Rhodes

A TSLint Rule for Detecting Invalid Uses of React Hooks — One for the TypeScript users. Enforces the rules of hooks.

Grzegorz Rozdzialik