Going Native with React Native

Going Native with React Native

Talk originally given at Syntax Con 2016 in Charleston, SC.

https://2016.syntaxcon.com/session/going-mobile-with-react-native/

Code example: https://github.com/hswolff/GitHubReactNative

Talk description:
Are you a front end engineer who wants to make the move to mobile development? Then you’ve come to the right place. Learn how to get up and running with React Native to take all you know about React from the web and put it onto your mobile device. You may be surprised to find that you know more mobile development than you think you do!

Learn how to get up and running with a new application on iOS and Android
Learn how to take most of what you know from the web and put it onto a mobile application
Learn how to properly architect a React Native application

F863e9eb811851834773398e72614dc1?s=128

Harry Wolff

May 06, 2016
Tweet

Transcript

  1. 2.
  2. 5.
  3. 11.
  4. 12.
  5. 13.
  6. 14.

    React lets you declaratively describe your UI. React handles how

    to render the content. All you need to know is how to use the available components.
  7. 15.
  8. 16.

    React React Native lets you declaratively describe your UI. React

    React Native handles how to render the content. All you need to know is how to use the available components.
  9. 17.
  10. 19.
  11. 20.
  12. 21.

    React Native …creates a bridge between JavaScript and Native Code

    (iOS / Android) …and handles passing information between the two environments More details: http://tadeuzagallo.com/ blog/react-native-bridge/
  13. 24.
  14. 25.
  15. 26.
  16. 27.
  17. 29.
  18. 30.
  19. 32.
  20. 33.
  21. 35.
  22. 43.
  23. 46.
  24. 48.
  25. 49.
  26. 50.
  27. 53.
  28. 54.
  29. 56.
  30. 57.
  31. 58.
  32. 59.
  33. 60.
  34. 62.
  35. 63.
  36. 64.
  37. 65.
  38. 66.
  39. 67.
  40. 68.
  41. 69.
  42. 70.
  43. 71.
  44. 72.
  45. 73.
  46. 74.
  47. 75.
  48. 76.
  49. 79.
  50. 81.
  51. 82.
  52. 83.
  53. 85.
  54. 89.
  55. 91.
  56. 93.
  57. 95.