Slide 1

Slide 1 text

React Native Dev Tools Connor McEwen

Slide 2

Slide 2 text

About Me github.com/cmcewen twitter.com/connormcewen

Slide 3

Slide 3 text

Status Quo of App Dev • Long waits for updates • Compiled languages • Proprietary layout • Proprietary IDEs

Slide 4

Slide 4 text

A Whole New World Powered by Javascript

Slide 5

Slide 5 text

Instant Updates

Slide 6

Slide 6 text

How it works • Your app is launched • App checks some server to see if there is a new JS bundle • Download that bundle • Load the new bundle (immediately, or the next time your app is started)

Slide 7

Slide 7 text

Services • Open Source • Startup • Charges for hosted service • Open Source • Microsoft • “Free while in beta”

Slide 8

Slide 8 text

DIY https://github.com/aerofs/react-native-auto-updater

Slide 9

Slide 9 text

Why is this so cool? • No waiting for reviews • Incremental rollouts (5% to test for bugs, etc) • A/B testing • Narrows the gap between web + mobile

Slide 10

Slide 10 text

Even easier • No RN project necessary - just JS • Publish to the app store + updates • Charges based on userbase

Slide 11

Slide 11 text

One step further…

Slide 12

Slide 12 text

App Browsers Exponent RN Playground • Host JS bundles at a URL • Download and run bundles in native apps

Slide 13

Slide 13 text

IDEs

Slide 14

Slide 14 text

Nuclide - Facebook’s IDE “A unified developer experience for web and mobile development, built as a suite of packages on top of Atom…”

Slide 15

Slide 15 text

Visual Studio Code “You can debug your code, quickly run react- native commands from the command palette and use IntelliSense to browse objects, functions and parameters for React Native APIs.”

Slide 16

Slide 16 text

“Build incredible mobile apps in less time.”

Slide 17

Slide 17 text

Exponent + Siphon Both provide the ability to load local javascript onto a device quickly to develop off of

Slide 18

Slide 18 text

Realm - client database “We’ve built a full database for mobile app developers, one that uses native JavaScript objects…”

Slide 19

Slide 19 text

Data Fetching Redux

Slide 20

Slide 20 text

Data Fetching “Instant GraphQL Backend for Your React Apps”

Slide 21

Slide 21 text

rnpm

Slide 22

Slide 22 text

Final Thoughts • What a time to be alive! • What is the equivalent of universal JS for RN? • How do companies make money on a heavy open source ecosystem?

Slide 23

Slide 23 text

Thanks!