#182 — April 1, 2020

Read on the Web

React Status
Your weekly React news digest, every Wednesday

A React Debugging Session or 'Why Is This Function Called Hundreds of Times?' — One good way to pick up some debugging tips and tricks is to follow someone else’s efforts. This post presents a mystery, shows off the debugging process, and you should learn something from it.

Johannes Kettmann

(Re-)Introducing React Easy State — React Easy State is a transparent reactivity based state manager. It automagically decides when to render which components without explicit orders from you. We first linked it back in 2018 but Rising Stack are now doubling down on its development.

Bertalan Miklos

How About an Open-Source CMS Powered by React and Node.js? — The way we build apps has evolved in the last few years, but you still can't find a decent serverless CMS on the market. That's until Webiny was created. Webiny is a self-hosted serverless CMS with a GraphQL API built using React and Node.js.

Webiny Serverless CMS sponsor

use-sound: A React Hook for Sound Effects — A bit of fun here, but maybe you have a specific, useful case for introducing more sound to your apps. use-sound is, quite simply, a React hook that lets you play sound effects, and this post introduces it well.

Josh Comeau

Announcing React Native 0.62 with Flipper Support — Version 0.62 of React Native adds Flipper support (a popular Android and iOS developer tool for debugging mobile apps) by default.

Rick Hanlon

💻 Jobs

React JS Developer (Remote) — 9+ million people plan outdoor adventures with our apps every day. If you are smart and ambitious, join us to inspire people to explore more of the great outdoors.

Komoot

Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

📘 Tutorials and Stories

Migrating from Hugo to Gatsby and React Land — Cloudflare recently moved one of its documentation sites from Hugo (a fast Go-powered static site generator) to Gatsby.js and React. A curious move but ‘well worth the effort’ and well explained in this why-and-how article.

Victoria Bernard (Cloudflare)

▶  Recreating Instagram's 'Pinch-to-Zoom' Effect in React Native — “Is it possible?” asks William. Well, yes, otherwise the video wouldn’t be 35 minutes long 😄

William Candillon

▶  Custom Hooks in React: The Ultimate UI Abstraction Layer? — Sorry for all the videos this week, but this is another good one that digs into the extra powerful forms of abstraction you can take advantage of when structuring your own React apps.

Tanner Linsley

Start a Free 10-Day Trial on THE Technology Skills Platform

Pluralsight sponsor

What’s New in React Query v1.0 — A few weeks ago we featured the release of React Query, a set of hooks for fetching, caching and updating asynchronous data, but here’s a bit of a mini tour.

Abdulazeez Abdulazeez Adeshina

▶  An Introduction to MobX and React in 2020 — MobX isn’t for everyone, but this is one of the more straightforward introductions I’ve seen. (16 minutes.)

Leigh Halliday

Building a Real-Time Chat App with React and Firebase

Deven Rathore

How Flutter Led Me to React Native — and Vice-Versa — The experience of small teams with both tools and the decisions made aiming for better user experience in 2017 and 2020.

Ícaro Azevedo

🔧 Code and Tools

react-snaplist-carousel: Simple, Pure React Carousels — Billed as a ‘modern way to do a classic thing’, this component makes it pretty easy to create simple carousel controls. Dependency free too. Live demos here.

Luis Puig

KendoReact - The One React UI Library You Need — Boost your productivity with KendoReact, a professionally-built commercial library of 70+ React UI components. Try it.

Progress KendoReact sponsor

11 Useful Custom React Hooks for Your Next App — A listicle, sure, but there are some useful recommendations here if you fancy the browse.

Chidume Nnamdi

A React-Powered HTML5 Raycasting Demo — This is very simple visually but it’s interesting/fun that React was used for this.

Andrew Huth

React Tiger Transition: Easy Page Transitions for React Router — Lets you animate routes programmatically during page navigation. You can see some examples on the home page.

pedro moreira

Hooks' Macro: Babel Macros for Automatic React Hooks Memoization Invalidation

Pier Paolo Ramon

react-native-really-awesome-button: A Set of 3D UI Buttons for React Native — Animated, 3D-style buttons that work at 60fps and support showing built-in progress bars.

Rafael Caferati