Membuat Hello World di React Native


halo gan di sini saya akan memberikan sedikit tutorial membuat hello world di react native .
nah langsung saja kita praktekan .

kita edit file App.js yang ada di folder project 


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

export default class App extends Component {

   render () {
     return (
       <Text>Hello World!</Text>
     )
   }
}



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!</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.









Share this

0 Comment to "Membuat Hello World di React Native"

Post a Comment