#105 — September 14, 2018

Read on the Web

react status

Introducing the React Profiler — We mentioned it briefly last week but now there’s an official blog post about React’s experimental Profiler API included with React 16.5. It collects timing information about each component that’s rendered so you can begin to identify performance bottlenecks in your apps.

Brian Vaughn

Pigeon Maps: Maps in React Without External Dependencies — A performance-first React-centric extendable map engine. See just how fast a map can render in this live demo. For an end user, it’s 8KB of gzipped code versus 200KB+ with Google Maps.

Marius Andra

Data-Driven Guide to Level-Up Your Engineering Team 🚀 — We analyzed 10M+ commits and share how you can include data-driven insights to increase velocity. Empowering teams with deep git visibility to determine what’s working, celebrate victories and quickly identify risks. Request a free trial.

GitPrime sponsor

Awesome React Native UI Components — A very extensive list of over 300 React Native UI component projects, complete with screenshots. It’s a bit hard to navigate but hopefully you’ll find something interesting or contribute your own creations.

Madhavan Malolan

The Rise of Immer, the Immutability Library, in React — Immutability is changing - time for an exploration of why Immer is a philosophical fit with React. Why has Immer gained so much love this year, and does it have staying power?

Shawn 'swyx' Wang

Auth0's Experience with React and Storybook — A high level explanation of Auth0’s experience with using Storybook to produce modular and reusable components that can be shared across projects.

Dan Arias

React Riot: An Online, React Hackathon This Weekend — Takes place this weekend (Sep 15-16) and starts in just several hours.

Hackbit

💻 React Jobs

Senior Software Engineer in Munich, Germany (React Native) — Build native apps for the world’s largest social network for expatriates in JavaScript. International team.

InterNations

Try Vettery — Create a profile to connect with inspiring companies seeking React devs.

Vettery

📘 Tutorials

How to Get React SEO-Friendly with Next.js — While Googlebot is beginning to execute JavaScript itself, Next.js’s server-side rendering abilities may still be helpful.

Arnaud Lewis

Cache Your React Event Listeners to Improve Performance — Consider how your functions are referenced to improve performance.

Charles Stover

Cheat Sheet: Functional Programming with JavaScript — A handy resource for JavaScript developers interested in writing functional style code. Get it now.

Progress Kendo UI sponsor

A Sensible Approach to Cross Platform Development with React and React Native — Exploring how to go about developing shared code between web and React Native.

Kyle Johnson

Implement Better Drag and Drop in your React App — Using the popular react-beautiful-dnd package.

Rajat S

How to Implement a Tree View Component with React and styled-components

David Tran

🔧 Code and Tools

react-bootstrap-table2: Build Bootstrap Tables for Your React Apps — A configurable, functional table component. Storybook examples here.

Fang, Chen, et al.

React Calendar Heatmap: An SVG Calendar Heatmap Component — Inspired by GitHub’s contribution graph.

PatientsLikeMe, Inc.

react-copy-write: Immutable State Management with a Mutable API — Use straightforward mutations to update an immutable state tree.

Brandon Dail

Catch React Errors Before Users Do

ROLLBAR sponsor

React Timeline 9000: A Performance-Focused Timeline Component

BHP DevHub