Drag and Drop UI
Development with React
Native
David Y. Kay
Code & Coffee March 2016
About Me
•Android & iOS since 2008
•Ex-Google, 2x Startup CTO
•Bootstrapping a pharmacy startup
•Working on React Native developer tools
Workflow
“An estimated one million [American]
technology jobs will go unfilled by 2020”
- Microsoft, 2012
Bret Victor - “Inventing on Principle”
0
6.5
13
19.5
26
Present New Tools
Barrier to Entry
Hypercard
LabVIEW
MIT Scratch
Interface Builder
Problems
• Proprietary Format
• Can’t merge
• Have to re-compile to test & verify
Demo
Abstract Syntax Tree
x := a + b;
y := a * b;
while (y > a) {
a := a + 1;
x := a +b;
}
Abstract Syntax Tree
x := a + b;
y := a * b;
while (y > a) {
a := a + 1;
x := a +b;
}
Actionable Tips!
Clojurescript: Figwheel
React.js: Hot Module Replacement
React Native Tools
Weekly React Native Tips
www.proreactnative.com/newsletter/

Drag and Drop UI Development with React Native