Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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 d...
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
Drag and Drop UI Development with React Native
Drag and Drop UI Development with React Native
Drag and Drop UI Development with React Native
Drag and Drop UI Development with React Native
Drag and Drop UI Development with React Native
Drag and Drop UI Development with React Native
Drag and Drop UI Development with React Native
Drag and Drop UI Development with React Native
Drag and Drop UI Development with React Native
Upcoming SlideShare
Loading in …5
×

Drag and Drop UI Development with React Native

2,801 views

Published on

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.

Published in: Technology
  • Be the first to comment

Drag and Drop UI Development with React Native

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

×