Sick and tired of building native iOS and Android UIs? React Native makes the tweak-compile-run-test loop much tighter than with the native SDKs. In this talk, David Kay will give us an overview of the React Native toolchain and show us how developers can up their game through the use of interactive tools. NOTE: A large piece of this talk is the live demo of an interactive drag-and-drop UI builder for React Native. Please watch www.proreactnative.com for its release.

1. Drag and Drop UI
Development with React
Native
David Y. Kay
Code & Coffee March 2016

2. About Me
•Android & iOS since 2008
•Ex-Google, 2x Startup CTO
•Bootstrapping a pharmacy startup
•Working on React Native developer tools

3. Workflow

5. “An estimated one million [American]
technology jobs will go unfilled by 2020”
- Microsoft, 2012

7. Bret Victor - “Inventing on Principle”

8. 0
6.5
13
19.5
26
Present New Tools
Barrier to Entry

9. Hypercard

11. LabVIEW

13. MIT Scratch

16. Interface Builder

18. Problems
• Proprietary Format
• Can’t merge
• Have to re-compile to test & verify

21. Demo

22. Abstract Syntax Tree
x := a + b;
y := a * b;
while (y > a) {
a := a + 1;
x := a +b;
}

24. Abstract Syntax Tree
x := a + b;
y := a * b;
while (y > a) {
a := a + 1;
x := a +b;
}

25. Actionable Tips!

26. Clojurescript: Figwheel

27. React.js: Hot Module Replacement

28. React Native Tools

29. Weekly React Native Tips
www.proreactnative.com/newsletter/