Introduction to React Native - Marcin Mazurek (09.06.2017)

React Native overview

Marcin Mazurek (@mazurekpro) Front-end developer - Site Base Core team

What is React?

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

So... what is React Native then?

• 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

"Learn once, write anywhere"

Is it WebView?

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

react-native-windows

react-native-macos

Demo time

Dealing with platform-specific code

Limitations

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)

Visual components

• Very basic, low-level building blocks (View,

Text, DatePicker, List) • More sophisticated components - available

in external, community-maintained packages

APIs

Who uses React Native?

Facebook & Instagram

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

Is it production-ready?

Is it production-ready?

The future of React Native

https://github.com/facebook/react-native/wiki/Roadmap

Thank you!