#104 — September 7, 2018

Read on the Web

react status

Announcing styled-components v4styled-components brings the power of JavaScript and CSS together for styling components. v4, now available in beta, is a lot smaller and faster, includes a not hot-loadable global style API, and more.

Evan Jacobs

React 16.5.0 Released — There’s no official blog post but 16.5 is out and is principally a bugfix release although support for the React DevTools Profiler has been added and work is taking place on a new scheduler.

React GitHub Repo

Get Powerful React Native Crash Reporting 🚀 — Automatically detect crashes in your React Native apps using Bugsnag. Handle minified JS using sourcemaps and surface fully symbolicated stacktraces for JavaScript, iOS, and Android all in one place. Try it free.

Bugsnag sponsor

WatermelonDB: A New Database for React and React Native Apps — Supporting iOS, Android, and the web, WatermelonDB claims to offer a new way to handle user data in React apps in a lazy-loading fashion. It’s backed by SQLite running on a separate thread.

Nozbe

Paper: Cross-Platform Material Design for React Native — Components now follow the latest material design guidelines, accessibility support has been added, and a few new components have been added.

Callstack

Dan Abramov Explains How 'Time Slicing' Will Help Pre-Render Hidden Nodes — In React’s future is an approach called ‘time slicing’ that will let React ensure that high-priority updates don’t get blocked by a low-priority update. So, as we see here, hidden nodes could be pre-rendered in the background before they’re required.

Dan Abramov

💻 React Jobs

Senior Front End Engineer at External Data Systems, Netflix — Help build a world class user interface for the platform that collects data to drive business insights for our teams.

Netflix

Find A React Job Through Vettery — Create a profile to connect with inspiring companies seeking React devs.

Vettery

📘 Articles & Tutorials

How to Use the AWS Amplify CLI with a React Application — Amplify provides a library, toolchain, and backend for building JavaScript apps.

AWS Amplify

Learn How to Build a Full Stack JavaScript Web App from Scratch — This book teaches you how to build a web app with React, Material-UI, Next.js, Express, Mongoose, and MongoDB.

Builder Book sponsor

Interaction Tracking with React — Some handy notes for anyone who wants to play with React’s experimental profiler API.

Brian Vaughn

Goodbye Redux“A complete breakdown on why we needed Redux in the past, and why we don’t any more.”

Jack Scott

Transitioning from React Web to React Native Development — How React Native differs from React for the web.

Robert Cooper

🔧 Code and Tools

Refract: Manage Your Components' Side-effects Declaratively — Isolate your app’s side effects (API calls, analytics, logging, etc.) so you can write your code in a clearer, declarative fashion. Official homepage.

FanDuel OSS

React Dates: A Date Picker from Airbnb — An accessible, easily internationalizable, mobile-friendly date-picker library for the web. v18 was just released.

Airbnb

Easily Scale React Apps for Less. Test Out DigitalOcean with $100

DigitalOcean sponsor

react-float-anchor: A Component for Positioning an Element Aligned to Another

Streak

react-input-mask: An Input Masking Component

Nikita Lobachev

react-truncate-string: A Component to Dynamically Truncate Strings

Albino Tonnina