#105 — September 14, 2018 |
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 |