#109 — October 10, 2018

Read on the Web

react status

Ways to Eliminate Common React Performance Issues — Formerly titled “How to Eliminate React Performance Issues Now”, this is a pragmatic step-by-step guide to eliminating common React-related performance issues.

Ohans Emmanuel

Hello, Create React App 2.0 — The big news last week was the release of Create React App 2.0. This post takes a practical look at what’s changed and how it’s more useful than ever.

Eric Bishard

Emailing from Your Frontend App Using MongoDB Stitch & AWS SES — Get a quick introduction to sending emails via AWS SES with MongoDB Stitch.

MongoDB sponsor

How to Manage React State with Arrays — It’s possible to rely on the simplest of JavaScript features to manage the state of your app, and Robin shows how versatile arrays are for this task here.

Robin Wieruch

How to Build a Custom Date Picker with React — It seems we link a React component for picking dates almost every week, so.. how about learning how to build your own from scratch?! :-)

Glad Chinda

The Suspense is Killing Redux — If you’ve been hearing about Suspense (first covered in Dan Abramov’s JSConf Iceland talk but aren’t sure where it fits in vs Redux, this will help, though Ryan notes “Suspense won’t replace every use-case of Redux”.

Ryan Florence

Composing Components — Insights from how the ABC (Australian Broadcasting Corporation) are transitioning their design process to working with the creation of React components.

Tim Holt

💻 React Jobs

Work on Uber's Open Source Design Language — We're developing Base UI, a new React component library for web applications at Uber and beyond. Join our team.

Uber

Join Our Career Marketplace & Get Matched With A Job You Love — Through Hired, software engineers have transparency into salary offers, competing opportunities, and job details.

Hired

📘 Tutorials

How to Make Your Existing React App Progressive in 10 Minutes — So you wrote an amazing React app and now you are wondering how to make it progressive.

Samuele Zaza

Build Interactive Diagrams with storm-react-diagrams

Gwenael P

How Do Top Developers Deliver Video? - Download the 2018 Video Report

Bitmovin sponsor

Principles of Component API (Prop) Design“I can say with confidence that these principles have helped me build components that are easier to maintain and more enjoyable to work with”

Chris Schmitz

Implementing Role-Based Access Control (RBAC) for React Apps — A pretty extensive tutorial, though given it’s Auth0-hosted, it’s no surprise it leans on their service ;-)

Aditya Agarwal (Auth0)

Creating a Realtime Chess Game with React and ChatKit — Use Node and React to create a realtime chess app, including chat functionality.

Graham Cox (Pusher)

🔧 Code and Tools

VSCode Glean: A VS Code Extension for Refactoring React Code — Extract JSX into new components, convert functions to stateful components, and more.

Wix

react-color-tools: Tools for Working with Colors as React Components — Including creating gradients, image color extraction, a color picker, and more.

Nitin Tulswani

Experience Lower Latency with Spaces CDN — Now with a built-in CDN, Spaces object storage delivers web assets up to 70% faster to your end users.

DigitalOcean sponsor

Functional Data Grid: Rich Data Grids in a Functional Style with React — There’s a demo of it in action.

Michele Lugano

react-qr-reader: A Component for Reading QR Codes from a Webcam — There’s a live demo if you want to give it a try.

Thomas Billiet

React-Month-Picker: A Month-Picker Component — Earlier we said we link to a lot of date pickers, so.. how about a month picker for once? ;-)

Stack Styled: A React Component to Produce Nice Stack Layouts

Artɘm Sapegin