| #86 — May 4, 2018 | 
| 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. 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 |