KEMBAR78
Introduction to React Native | PDF
- from Germany
- email: me@dave.cx
- twitter: @davicorn
- loves javascript
David Mohl
React Native
“a framework for developing native iOS
applications using react”
- developed by facebook
- re-usable and isolated
- diff-based
- extremely fast
- powers canvas, and now
native devices
React?
React Native
“a framework for developing native iOS
applications using react”
- Not a webview
- Not a cross compiler
- Not a solution for “write once, run
everywhere”
What react native is not
Advantages?
- Rapid development, reloadable with CMD+R
- Full option for debugging with your browser
- “Hot Load Code”
- Functional programming
- Re-usable code
- Easy to learn
Demo
- Call ‘RCT_EXPORT_MODULE();’ macro
- Export using ‘RCT_EXPORT_METHOD’
How to add your own stuff?
- Call it with MyClass.addEvent();
- React converts types automatically
How to add views?
- Use ‘RCT_EXPORT_VIEW_PROPERTY’ to
export view properties
- Implement ‘view’ method that returns UIView
What else?
- Amazing animation framework ‘Animated’
- Clojurescript already able to target iOS
- GraphQL like patterns soon be ready
- Focus shifts to user
- Sadly not available for android (yet)
Thank you.
Questions?

Introduction to React Native

  • 1.
    - from Germany -email: me@dave.cx - twitter: @davicorn - loves javascript David Mohl
  • 2.
    React Native “a frameworkfor developing native iOS applications using react”
  • 3.
    - developed byfacebook - re-usable and isolated - diff-based - extremely fast - powers canvas, and now native devices React?
  • 4.
    React Native “a frameworkfor developing native iOS applications using react”
  • 5.
    - Not awebview - Not a cross compiler - Not a solution for “write once, run everywhere” What react native is not
  • 7.
    Advantages? - Rapid development,reloadable with CMD+R - Full option for debugging with your browser - “Hot Load Code” - Functional programming - Re-usable code - Easy to learn
  • 8.
  • 9.
    - Call ‘RCT_EXPORT_MODULE();’macro - Export using ‘RCT_EXPORT_METHOD’ How to add your own stuff? - Call it with MyClass.addEvent(); - React converts types automatically
  • 10.
    How to addviews? - Use ‘RCT_EXPORT_VIEW_PROPERTY’ to export view properties - Implement ‘view’ method that returns UIView
  • 11.
    What else? - Amazinganimation framework ‘Animated’ - Clojurescript already able to target iOS - GraphQL like patterns soon be ready - Focus shifts to user - Sadly not available for android (yet)
  • 12.