A two day, one-track React Native conference in Portland - Summer 2017

Start Learning Native iOS Development with JavaScript

"Snapshotting" is a method commonly used in native app development to provide an efficient way to visually "clone" view hierarchies in a side-effect free way. Having these capabilities allows for more nontrivial animations, especially those that cross boundaries of react component hierarchies, and perhaps need multiple visual copies of the element in order to produce the desired effect.

This library allows you to more safely interact with native modules, and provide version-specific overrides for the module, as well as mocks to use in the case that the method or module is entirely absent. The result is more code that can be Code Pushed to more users, as well as code that can be tested in an environment without a host app (e.g, Node).

Finally a prop for automatic font scaling!

It’s time to start embracing tools that enhance the mobile development experience, in particular, React Native.

React Native holds great promise in terms of excellent developer experience with Javascript and code reuse between platforms. The big question is - do these benefits come at the price of performance? How well can React Native hold its own against purely native implementations?

Introduces the app data graph, discusses how GraphQL queries operate on the app data graph, and how to cache GraphQL query results by exploiting their tree structure.

Two talks at LinkedIn SF.
LinkedIn's Test Butler project by Drew Hannay.
React Native at Airbnb by Felipe Lima and Leland Richardson.

An overview of options available for debugging within React Native and its ecosystem.

React Native can help you make iOS and Android apps with a shared code base, without sacrifices in quality. Clayton Anderson takes a glimpse into the future with React Native for Web...

Part 1 of a series about a functional way to write and conceptualize React applications. This installment shows how to separate the app and the platform from its components.

First impressions of Buddybuild for React Native development.

This adds support for sticky headers on Android. Also able to handle z-index, view clipping, view hierarchy optimization and touch handling properly.

Provides a mapping between a view tag, an event name, an event path, and an animated value when a view has a prop with an AnimatedEvent object. Then hooks into EventDispatcher, checks for events that target a view + event name, and updates the animated value using the event path.

This adds a new type of node that clamps an animated value between 2 values. The main use case for this node is to create a collapsible navbar when scrolling a scrollview.

integrate a React Native view inside an iOS project so you can develop apps using a technology you already know.  This post shows how to integrate an iOS 10 Messages App/App Extension.

An exhaustive UI component set that makes writing cross-platform React Native components as easy as it should be.

A routing library that strives for sensible API parity with react-router.

Snapshot a View and save it to an image

Upgrading React Native is one of the most difficult tasks you’ll face when working on a long life project. This post explores the reasons why, and offers a solution to alleviate the upgrading headaches.

Build games in React and React Native.

A React Native Popup Dialog - Easy Use & Support Custom Animation. For iOS & Android.

A credit card form for React Native

A sortable list view component for React Native

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

A really easy way to build and share rich experiences built with JavaScript and React Native on mobile

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