Membuat Hello World di React Native

React Native itu seperti React hanya saja dalam pembuatannya menggunakan native component bukan web component.
Untuk bisa memahami React Native anda juga perlu belajar dasar seperti JSX, components, state dan probs. Jika kalian sudah mengerti tentang React kalian juga perlu belajar react-native-specific seperti Native Components.
Seperti pada umumnya pertama kali kita belajar bahasa pemograman baru biasanya kita membuat sebuah tampilan yaitu "Hello World", berikut contoh pembuatan Hello World.

import React, { Component } from 'react';
import {
    Platform,
    Text
} from 'react-native';
export default class HelloWorld extends Component{
    render(){
        return(
            <Text>Hello World! by Awan</Text>
        );
    }
}

Kalian bisa mengganti isi dari App.js dengan cara hapus semua lalu ganti dengan kode di atas.

React Native dalam hal penulisan javascriptnya menggunakan ES2015 (juga dikenal sebagai ES6) merupakan perbaikan dalam penulisan javascript yang sudah diakui sebagai standar resmi. tetapi belum bisa didukung oleh banyak browser sehingga jarang digunakan untuk pembuatan web.

<Text>Hello World! by Awan</Text>
Contoh syntax diatas untuk merupakan JSX, syntax untuk menyematkan xml pada javascript. <Text> sendiri merupakan komponen built-in untuk menampilkan text.

Components
Dalam pembuatan aplikasi React Native anda akan sering sekali membuat Components baru karena apapun yang tampil di layar itu semua merupakan Components. Yang sangat dibutuhkan dalam component adalah fungsi render yang mengembalikan JSX.

Tested

react-native-cli: 2.0.1
react-native: 0.53.0
Windows 7

Terjemahan Bebas dari: https://facebook.github.io/react-native/docs/tutorial.html