#178 — March 4, 2020

Read on the Web

React Status
Your weekly React news digest, every Wednesday

The Perils of Rehydration: An Eye-Opening Realization about Gatsby and React — I really liked how the author explained this piece himself: “Last week, I learned a whole lot about how React’s rehydration works. Wrote up those findings in a blog post!”

Josh W Comeau

Styled Icons 10.0: Popular Icon Packs Available As React Styled Components — Brings together over 13,000 icons from packs like Font Awesome, Material Design, and Octicons, available as React Styled Components.

Jacob Gillespie

Get Best in Class error Reporting for Your React Apps — Time is money. Software bugs waste both. Save time with Bugsnag. Automatically detect and diagnose errors impacting your users. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in minutes. Try it free.

Bugsnag sponsor

React v16.13.0 Released — A new release of React but it’s not a big one. There are some bug fixes but mostly a handful of new deprecation warnings to pave the way for the future React 17. So upgrade your existing React 16 apps and check how they fare.

Sunil Pai

▶  Discussing React Fundamentals with Ryan Florence — A popular podcast meets with a popular React developer (Ryan is one of the creators of React Router) to talk about all things React.

SE Daily podcast

💻 Jobs

React Developer at X-Team (Remote) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers.

X-Team

Find a Dev Job Through Vettery — Vettery is completely free for job seekers. Make a profile, name your salary, and connect with hiring managers from top employers.

Vettery

📘 Tutorials and Stories

An Approach to Persisting React State in localStorage — An approach to creating a custom hook to abstract away making preferences (such as common default form options) ‘sticky’ between uses.

Josh W Comeau

▶  Playing Around with react-dnd — What you need to know for making a React app that supports drag and drop interactions.

Mahmoud Shehata

Building Chat With React? Stream Chat Has You Covered — Have a look at our interactive chat tutorial in React and learn how to build with Stream Chat.

Stream sponsor

Building an Accordion with React Hooks — A tutorial to build a reusable, hooks-based accordion component.

Hitesh Kumar

React TypeScript: A Collection of Basics and Best Practices — An up to date handbook/’cheat sheet’ for working with React with TypeScript.

Fernando Doglio

Stop Using isLoading Booleans? — This is an opinion piece, and your opinion might legitimately differ, but Kent explains why he thinks using a status enum or a state machine will help your app stay bug free.

Kent C Dodds

🔧 Code and Tools

React Placeholder: Placeholders For Your Page While Content is Loading — There’s a page of demos to see if suits you.

Buildo

Conference App in a Box: A React Native App for Conference Organizers — If you’re running an event at a scale where you think it could do with its own mobile app, this app gives you some interesting options upon which to build.

Nader Dabit

React Hook Form: Simple, Extensible React Form Validation — There are a lot of great reviews for this library, plus it has a great homepage too. Certainly worth a look if you’re building or refactoring forms. GitHub repo.

Blue Bill

Faster CI/CD for All Your Software Projects Using Buildkite

Buildkite sponsor

React Curved Arrow — Naturally, the homepage overuses the effect, but these dynamic curved arrows could be useful for drawing attention to page elements.

Nick Janssen

React Mosaic 4.0: A React Component Tiling 'Window Manager' — Provides an API to organize and tile React components across a view. A long standing project whose touch input support has improved over the past year. Demo here.

Kevin Verdieck

Edtr.io: A WYSIWYG Web Editor Written in React — Extensible and lean option on the WYSIWYG editors landscape for editing full web pages. Applicable elements are draggable and users can edit them in place.

Edtr.io Consortium

react-native-swipe-list-view: A React Native ListView Component with Swipeable Rows — If you’ve used Gmail on iOS, say, you’ll be familiar with lists where you can swipe to do things like delete entries.

Jesse Sessler

👀 Spotted on Twitter