#89 — May 25, 2018

Read on the Web

react status

React 16.4 Released — This release adds support for a commonly requested feature: pointer events. On browsers that support the Pointer Events specification (most of them), there are now events like onPointerDown and onPointerEnter you can use. There’s also a bugfix for getDerivedStateFromProps which till now wasn’t being called upon local setStates.

Andrew Clark

Building AI Enabled GraphQL Apps — See how to build a React Native app that translates text into speech in another language using AWS AppSync as the endpoint which then interacts with AWS’s Lambda, Translate, and Polly services.

Nader Dabit

Learn Advanced React Component Patterns — Simplify large React applications by separating your component logic, state and display properties to make React components more flexible and usable. This course is part of our Complete React Learning Path.

Frontend Masters sponsor

Material UI v1: React Components using Google Material Design“Material-UI is not only an implementation of the Material Design guidelines, but a general use UI library of components that are needed by many.”

Olivier Tassinari

Gatsby, the React-Based Static Site Generator, Gets Commercial Backing — Always interesting to see a well-used community project turn into a commercial undertaking: ““With Gatsby Inc, we’re building specialized cloud infra to do incremental, parallelized builds — taking the current Gatsby stream processing/cloud-native architecture and pushing it even farther.” Good luck to the team.

Michelle Gienow

Highlights from the React Europe 2018 Conference — Get a feel for the major themes that were covered.

Stéphane Bégaudeau

Flow vs TypeScript in React: An Opinionated Take — Keen to introduce some typing into your React project? Pros and cons of two common approaches.

William Candillon

💻 React Jobs

Frontend Web Engineer (London, UK) — Join us to develop our web app and internal tools that enable us to build cities & run transport services.

Citymapper

React Expert? Sign Up for Vettery — Top companies use Vettery to find the best tech talent. Take a few minutes to join our platform.

Vettery

📘 Tutorials

Working with Dynamic Bézier Curves and SVG in React — This is a gorgeous (and interactive!) tutorial.

Josh Comeau

Top 10 JavaScript Errors and How to Avoid Them — 📈Data collected from 1,000+ real-world JS applications. Learn more.

ROLLBAR sponsor

Testing React Apps with Cypress — A brief guide on how to run end-to-end tests on React apps using the testing framework Cypress.

Rajat S

How to Build a News App with JavaScript and React Native

Mohammed Salman

Whitepaper: What Should Developers Consider When Planning a React App?

Progress Kendo UI sponsor

🔧 Code and Tools

React Bolivianite Grid: A Grid Component for Rendering Large Tabular Data

Aliaksei Kubiatski

React Selectrix: A Flexible, Easy-to-Use 'Select' ReplacementDemos here.

Stratos Vetsos

react-redux-saucepan: A Minimal, Universal React Redux Starter Project — With hot reloading, linting and server-side rendering.

Elsewhen

react-video-scroll: A React Component to Seek or Control Video Frame Rate on Scroll

Nitin Tulswani