React Native Dev Tools

Overview of React Native dev tools as of March 2016

Transcript

1. React Native Dev Tools Connor McEwen
2. About Me github.com/cmcewen twitter.com/connormcewen
3. Status Quo of App Dev • Long waits for updates • Compiled languages • Proprietary layout • Proprietary IDEs
4. A Whole New World Powered by Javascript
5. Instant Updates
6. 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)
7. Services • Open Source • Startup • Charges for hosted service • Open Source • Microsoft • “Free while in beta”
8. DIY https://github.com/aerofs/react-native-auto-updater
9. 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
10. Even easier • No RN project necessary - just JS • Publish to the app store + updates • Charges based on userbase
11. One step further…
12. App Browsers Exponent RN Playground • Host JS bundles at a URL • Download and run bundles in native apps
13. IDEs
14. Nuclide - Facebook’s IDE “A unified developer experience for web and mobile development, built as a suite of packages on top of Atom…”
15. 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.”
16. “Build incredible mobile apps in less time.”
17. Exponent + Siphon Both provide the ability to load local javascript onto a device quickly to develop off of
18. Realm - client database “We’ve built a full database for mobile app developers, one that uses native JavaScript objects…”
19. Data Fetching Redux
20. Data Fetching “Instant GraphQL Backend for Your React Apps”
21. rnpm
22. 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?
23. Thanks!