Drag and Drop UI Development with React Native

David Y. KayCode & 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/