Hey Readers!

The last issue was full of some great info from React Conf 2017 as well as the usual treasure trove of goodies from the React Native Community. There are a lot of good things are happening in the world of React Native and React. React Amsterdam is happening at the end of this month and there's sure to be some great presentations and articles coming out of that conference that should make it into the next newsletter.

Additionally, two great React Native conferences are happening very soon:

Chain React in July
React Native EU in September

So be sure to get your tickets now so you can personally meet and learn from the thought leaders in the React Native community as well as other developers, engineers, designers, and all around cool people who make up the React Native community.

This issue has some great articles, including: editing photos right in your app, that new navigation the cool kids have been talking about, a new RN version, as well as some cool videos and modules...you'll see!

Don't forget to follow the React Native Newsletter on Twitter @RNNewsletter.
(It's not just cat memes anymore!)

Enjoy!

Executive Editor,
Frank von Hoven at Infinite Red

Assorted Good Things

PhotoEditor SDK + React Native

How to add fully customizable photo editing to your React Native app!

Mounting React Native Components with Enzyme and JSDom

How to mount React Native components using Enzyme and JSDOM to execute the full React lifecycle.

Introducing Redux Offline: Offline-First Architecture for React Native

Build offline-capable apps with React Native.

VSCode for React Native

An opinionated list of extensions for customizing VSCode.

Playing with React Navigation and Airbnb’s Native Navigation

tldr: Apps built with React Navigation will be able to run on Airbnb’s native-navigation without invasive changes.

Android Drawer & StatusBar done right for React Native

Styling your drawer "just right" for your Android app in React Native.

Top lessons we learned while building a React Native bridge library

Part one of two in building your own bridge in React Native. This post focuses on the big picture and setting up the library structure while building a bridge for Shopify's iOS and Android SDKs.

Ways to pass objects between native and JavaScript in React Native

In this second part of building a bridge in React Native detailing how to write methods that will expose native APIs to JavaScript for iOS and Android.

11 mistakes I’ve made during React Native / Redux app development

"After working almost a year with React Native I decided to describe mistakes that I’ve made while being a beginner."

Write React-Native apps in 2017 style with MobX

React-Navigation Flow styled-components RN 0.43.

Powering UberEATS with React Native and Uber Engineering - Uber Engineering Blog

How Uber Engineering used React Native to optimize UberEATS' Restaurant Dashboard app for mobile.

React Native compliance with App Store

There has been a big fuss around React Native (RN) apps compliance with App Store review guidelines for a while now. Here’s the essence of this debate.

Updates from facebook/react-native

Release March 2017 - 0.43

March release - 0.43

Simplifying mess with RCTRootViewSizeFlexibility

"This is the beginning of a big effort to improve `RCTRootView` and co."

BREAKING: Android: Correct value of Dimensions.get('screen').fontScale

"Summary:The PR description has been updated to reflect the new approach...On Android, the following properties now return a different number: - `Dimensions.get('window').fontScale`..."

Optional Alert onDismiss callback to support Android default behavior

"Summary:On Android it's generally expected that alerts are dismissible by tapping outside the alert box. This is the default behavior for React Native, but until now there has been no means to listen for the dismiss event."

Change cursor color when using selectionColor on Android

"Summary:This matches the behavior on iOS, there was no way before to change the cursor color per input, it was only possible to change it globally via the theme."

CLI: Add support for templates fetched from npm

"Summary:This PR allows anyone to publish templates for React Native.It's possible for people to publish modules for React Native, we should also support custom templates."

Media

Building a React Native App in Under 15 Minutes

Gant Laborde builds an app in under 15 minutes using the much anticipated Ignite 2.0.

The Rise of Async JavaScript and RxJS Observables

Jeremy Fairbank presents at JazzCon 2017 with a look at asynchronous programming in JavaScript covering callbacks, Promises, async functions, and the new hotness - observables.

Highlights from the community

haul

A command line tool for developing React Native apps.

redux-offline

Build Offline-First Apps for Web and React Native.

react-native-draftjs-render

React Native render for draft.js model.

redux-enhancer-react-native-appstate

Connect your App State changes directly to your Redux store.

Friends of the Newsletter

Infinite Red: Mobile App & Web Developers, Portland, San Francisco

We design & build extraordinary native mobile apps & websites. ReactNative, React.js, Elixir/Phoenix, Rails. Near Portland, OR, and San Francisco, CA.

Expo

Expo lets web developers build truly native apps that work across both iOS and Android by writing them once in just JavaScript. It's open source and free and uses React Native.

Appetize.io

Stream iOS & Android Native Apps in the Browser. For embedding apps in websites, development, client demos, testing and more.

Want to suggest articles for the newsletter? Check out the submission form.

Want to contribute and share ideas, links, and discuss all things React Native with other developers? Check out the Infinite Red Community Slack!

Interested in sponsoring the newsletter? Check out our sponsor form.