How to React Native?

Mitch Masia

The good, the bad, and other stuff too.

Hexient Labs

Who?

Mitch Masia

Hexient Labs

React ATL

GitHub

Connect.Tech

In Good Company

Vs. Ionic/Cordova

Native components vs. WebView

Native-Specific APIs

DOM!!

React as a Paradigm

{} => </>

Let's Forget about the UI

React NATIVE

React as a Paradigm

import React, { Component } from 'react'
import PropTypes from 'prop-types'

class Title extends Component {
  componentDidMount() { ... }

  render() {
    return (
      <h1>Welcome to {this.props.title}</h1>
    )
  }
}

Title.propTypes = {
  content: PropTypes.string.isRequired
}

export default Title

React as a Paradigm

import React, { Component } from 'react'
import { Text } from 'react-native'
import PropTypes from 'prop-types'

class Title extends Component {
  componentDidMount() { ... }

  render() {
    return (
      <Text>Welcome to {this.props.title}</Text>
    )
  }
}

Title.propTypes = {
  content: PropTypes.string.isRequired
}

export default Title