Can you use your front-end development skill set to create native mobile apps for iOS and Android? Can you write one app, run it on the two platforms, and still achieve platform-specific look and feel? Can you speed up your development process by removing compilation step and using hot reloading instead? The answer is yes - use React Native. Presentation from Lunch&Learn prepared by Marcin Mazurek, Frontend Developer at Grand Parade.

1. React Native overview
Marcin Mazurek (@mazurekpro)
Front-end developer - Site Base Core team

3. What is React?

4. • Library for building web UI in a declarative manner
• Built by Facebook and open-sourced in 2013
• 4th most popular repo on GitHub

7. So... what is React
Native then?

8. • A framework for building cross-platform native
mobile apps
• Developed by Facebook and open-sourced in 2015
• 15th most popular repo on Github, ★ 49.3k

9. "Learn once, write anywhere"

10. Is it WebView?

11. https://medium.com/@jiyinyiyong/virtual-dom-is-the-new-ir-67839bcb5c71

12. react-native-windows

13. react-native-macos

14. Demo time

15. Dealing with platform-
specific code

19. Limitations

20. CSS
• Just "inline" styles (or extracted to an object)
• No "C" from CSS - styles are not cascading
• Fewer properties, no shorthand notation
• No pseudo-elements or media queries
• Different defaults (display: flex,
flex-direction: column)

21. Visual components
• Very basic, low-level building blocks (View,
Text, DatePicker, List)
• More sophisticated components - available
in external, community-maintained packages

22. APIs

25. Who uses React Native?

26. Facebook & Instagram

27. https://facebook.github.io/react-native/showcase.html

28. Is it production-ready?

30. Is it production-ready?

31. The future of React Native
https://github.com/facebook/react-native/wiki/Roadmap

32. Thank you!