At React.js Conf 2015
What is React Native
for user interface.
It doesn't use DOM for rendering, instead, it renders with native UI views. You write normal React components, but instead of using low-level DOM elements, you use native components provided by operating system, abstracted by React. For example, instead of
, instead of
, you use
How React Native works
To write apps, you use the familiar React.js API, everything down to event bubbling. This is where the nice slogan "Learn once, write everywhere" comes from.
For UI layout and styling there is a cross-platform Flexbox-like layout system and a subset of CSS.
While developing, you can reload the app instantly in the simulator, like you do it in a browser.
Use in production
It turns out React Native is already used in production, even though it was just announced, in Facebook's Groups
application. Currently only the iOS app is build on it, not Android.
At this time React Native works on iOS and Android.
Watch these videos from React.js Conf to learn more:
Introducing React Native
Tom Occhino's keynote from the first day of conference talks about the past and future of React.js, introducing React Native and discussing why developers at Facebook decided to create it:
A Deep Dive into React Native
Christopher Chedeau demonstrates the React Native developer experience and discusses its architecture:
React Native is now open source and available from https://facebook.github.io/react-native/