React Native

What IS it?

"React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React."

Learn once,
write anywhere

Javascript + React

• All the familiar React stuff
• Javascript thread running on JSCore
• Actual, native view components
  (iOS datepickers, sliders, switches, tab bar etc)
• Debugging using Chrome devtools

Native layer

• Decode images
• Save to disk
• Measure text
• Compute layouts
• Native bridges

Styling

• Flexbox
• CSS-like styling

var styles = StyleSheet.create({
  base: {
    width: 38,
    height: 38,
  },
  background: {
    backgroundColor: '#222222',
  },
  active: {
    borderWidth: 2,
    borderColor: '#00ff00',
  },
});

But why?

Speed of development

Reusing code

Native development for web developers?

Web development for native developers?

Timeline

• iOS: Out now!

• Android: ~6 months