#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 |