How to React Native?

Riaz Virani

The good, the bad, and other stuff too.

Load UP Technologies

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

RN 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

Key Differences w/ web

Web vs. Native APIs

Dom (styling!)

Platform-specific Builds

Community

Awesome things

Code-sharing?

Single Developer

Bug/Feature parity

OTA Updates

Fast Build Cycles

Less Awesome Things

Platform-specific Code

GAMING / Graphics

Configuration Wormhole

Animations

Batteries not included

ARE YOU LAZY?

Expo is "Rails for React Native"

LIVE

DANGEROUSLY AND

YOU LIVE RIGHT

- Johann Wolfgang Von Goethe

Happy Life

My Favorite React Native Libraries

How to Get started

Expo Snack

Awesome React Native

React Navigation

Other react-y things

TYPESCRIPT

APOLLO

REDUX

VIRTUAL Reality

Thanks + Questions?

Riaz Virani

How to React Native?

By Riaz Virani

Source: Mitch Masia

How to React Native?

The good, the bad, and some other stuff too.

  • 822

More from Riaz Virani