Skip to content

React Native

shiratap edited this page May 13, 2019 · 1 revision

Native with Expo

What is React Native?

React Native is like normal react, but suited for native components for a phone.

import React, { Component } from 'react';
import { Text, View } from 'react-native';

export default class HelloWorldApp extends Component {
  render() {
    return (
      <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
        <Text>Hello, world!</Text>
      </View>
    );
  }
}

On your phone, this code would display in your app 'Hello World'. Syntactically similar to to a normal react app, but there is a and tag to display to the phone.

Expo

The easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes.

Expo allows for mobile developing on your machine. This appears to be the best and fastest method for mobile development

Clone this wiki locally