#86 — May 4, 2018

Read on the Web

react status

React Lifecycle Visualizer: A Real-Time Visualizer for Lifecycle Methods — Trace components by applying a single higher-order component which makes all lifecycle-method calls show up in an animated log. Live demo on StackBlitz.

Martijn Schrage

A Complete React with Apollo and GraphQL Tutorial — A thorough tutorial on making GraphQL queries from React using Apollo Client to mediate the connection.

Robin Wieruch

Fix Production Bugs in Seconds with Sentry — Relying on users to report errors? Use Sentry to see unminified code right in the stack trace with source maps. Cut time to resolution from 5 hours to 5 minutes. Sentry is 100% open source and loved by 500K developers. Sign up for free.

Sentry sponsor

With Meiosis, You Don’t Need Redux, MobX, or RxJS — A simple pattern you can use for state management rather than using a library like Redux. There’s a really accessible set of tutorials walking through the approach.

Fox Donut

React Context in the World of Component Composition“In this post, I will try to describe a different approach to using Context, and the benefits of it when thinking of component composition.”

Boris Ablamunits

▶  Using a Central Route Config with React Router v4 — React Router v4 moved towards a component based routing approach, but you can still put together a centralized route config if you wish. 10 minute video plus code and notes.

Tyler McGinnis

💻 React Jobs

Senior Software Engineer (NYC) — Hospitality/tech platform focused on building help into our homes. React, React Native, Node, TypeScript, PostgreSQL.

Hello Alfred

Open to a New Job? Sign Up for Vettery — Top developers can get 5+ interview requests during their first week on Vettery.


📘 Articles & Tutorials

Build an Instagram Clone with React — A four-part tutorial aimed at beginners walking through using React, Node and Pusher to build a photo hosting and sharing app.

Christian Nwamba

5 React Architecture Best Practices

Sebastian Deutsch

Mocking React/Apollo Data Tables for Web UI Development — A refreshing UI-first approach to data requirements.

Jordan Nelson

Whitepaper: What Should Developers Consider When Planning a React App?

Progress Kendo UI sponsor

Pre-Rendering Your React App with 'react-snap'

Ahmet Kapusuz

How We Achieved 51% Efficiency Boost in Button Loading Speed

Shiva Nandan

🔧 Code and Tools

Proton Native: Built Desktop Apps using React Native Syntax — Think React Native, but for building desktop applications instead of mobile.

Gustav Hansen

Host React on a High-Performance Platform—Without Billing Surprises — DigitalOcean is the easiest cloud platform to build, deploy, and scale apps. Try it free with a $100 credit.

DigitalOcean sponsor

Exploring the React Native Ecosystem: Backend, Database and Best Libraries

Rakshit Soral

React Pledge: A Declarative Way to Track Promise Lifecycle States

Peter Gombos