#101 — August 17, 2018

Read on the Web

react status

An Alternative, Simple Approach to InternationalizationjsLingui is a new alternative approach to simplifying i18n when using Babel.

Tomáš Ehrlich

React Context API: Managing State with Ease — Managing state with the new React Context API is very easy. Learn what the differences with Redux are and how to use it in this practical tutorial.

Abdulazeez Adeshina

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. Get started with our free trial.

Bugsnag sponsor

React Native's Accessibility API Updates“React Native’s limited Accessibility API has always been a huge pain point for developers, so we’ve made a few updates to the Accessibility API to make it easier to create inclusive mobile applications.”

Ziqi Chen

React Native JavaScript Framework Stumbles — A look at some of the issues that have pushed companies like AirBnb and Udacity away, but also the ways Facebook and companies like Walmart and Discord hope to fix it.

Paul Krill

💻 React Jobs

Build High Quality Open-Source at Uber (San Francisco) — As a Web Platform engineer at Uber, you'll be building the foundation for all web applications at Uber and beyond.


Find A React Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers. Create a profile to get started.


📘 Tutorials

A Checklist for Writing Highly Reusable Components in React and Vue

Michael Thiessen

How to Do Functional Programming with JavaScript? — A handy cheat sheet used by JavaScript developers interested in writing functional style code. Check it out.

Progress Kendo UI sponsor

Getting Started With Redux-Saga — The benefits of using the redux-saga library in your app, plus how to set it up.

Katia Sittmann

How to Make an Awesome Blog Using Gatsby and AWS — Using GatsbyJS, Tailwind CSS, and, optionally, Amazon Web Services to create a static site coupled with React magic.

Kyle Galbraith

Extracting a React Component: Free Tutorial

Big Nerd Ranch sponsor

▶  The React Native Bootcamp Recordings


🔧 Code and Tools

React Animate Height: Animate Heights using CSS Transitions

Stanko Tadić

react-detect-offline: Components That Track Offline and Online State — The demo is simple and neat, though it does require you kill the wifi ;-)

Chris Bolin

React Pose Text: Splits Text into Animatable Parts — Animate words and characters using the power of React Pose animations.


React Async Elements: Suspense-Friendly Async React Elements — For images, video, audio, iframes, and more.

Jack Cross and Jared Palmer

React Chrome Extension Boilerplate — Boilerplate code for if you want to build a React-powered browser extension.

FullStack Academy Kiev

Yubaba: Element to Element Animation Orchestrator — For building page transitions.

Michael Dougall