Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sneak Preivew of React Native

81bf9a5ec95c07c4884b334456025095?s=47 Jeremy Lu
March 05, 2015

Sneak Preivew of React Native

This is the talk I gave on Mar. 5 at Taipei Javascript meetup on react native with quick live demos.

Later it was revised and presented at JS geeks meetup on Mar. 12.

and later heavily revised again and presented on Mar. 18 at reactjs.tw group meetup.

81bf9a5ec95c07c4884b334456025095?s=128

Jeremy Lu

March 05, 2015
Tweet

More Decks by Jeremy Lu

Other Decks in Technology

Transcript

  1. Sneak Preivew of React Native

  2. Jeremy Lu @thecat | jeremy@pubulous.com Founder, builder and instructor, FullStackRocks.com

  3. Announced at React Conf @ FB HQ Jan. 28-29, 2015

  4. None
  5. None
  6. Goal? Build native iOS/Android apps using React

  7. Current Status - Currently in private beta - Will be

    publicly available on Github
  8. Platform supported? - iOS - Android - More to come…

  9. Battle Tested? - Facebook Groups App - Facebook Ad. Manager

    App In short, Facebook is dog fooding itself
  10. None
  11. Native UI No WebView No HTML 60fps at all times

    Buttery smooth responsiveness
  12. <LiveView /> <ListView dataSource={this.state.dataSource} onEndReached={this.onEndReached} automaticallyAdjustContentInsets={false} showsVerticalScrollIndicator={false} />

  13. None
  14. None
  15. UI controls View, ListView, TextInput, ActivityIndicatorIOS … and a couple

    dozens to come
  16. Flexbox for Layout - Flexbox reimplemented in JS/iOS/Android - github.com/facebook/css-layout

    searchBar: { marginTop: 64, flexDirection: 'row', alignItems: 'center', },
  17. System Capabilities Camera Contact GPS Apple Pay HealthKit …via plugins

  18. Dev process write, save, refresh

  19. Debugging red screen of errors click error message to jump

    to source →DEMO
  20. None
  21. Logging Console.log() for now DevTools support on the way

  22. None
  23. None
  24. Learn once, write anywhere

  25. Learn once, write anywhere Learn once, write anywhere Learn once,

    write anywhere
  26. Same approach VDOM, JSX, Flux… Different drawing backend ios/android/canvas/webgl…

  27. None
  28. Flipboard on mobile

  29. Flipboard on mobile Phil Lynott, Bono, Enya

  30. Learn one skill and build everywhere SEO | Full-stack app

    | Front-end SPA | Android | iOS
  31. Aim for the best user experience Achieve top notch UI

    performance
  32. Brand new paradigm up front

  33. Caveat? Won’t be 1st class citizen But it’s good enough

    most of the times
  34. @thecat | jeremy@pubulous.com Founder, builder and instructor, FullStackRocks.com Questions?