React Native getting started

React Native getting started

Introduction

React Native merupakan framework cross-platform untuk mengembangkan aplikasi mobile. Framwork ini memungkinkan developer membuat aplikasi berbasis Android atau iOS dengan kode tunggal (Javascript). Framework ini cukup populer. Ada banyak kelebihan dan kemudahan yang bisa dijanjikan

Environment setup

Untuk dapat melakukan pengembangan menggunakan react native yang perlu di persiapkan salah satunya adalah node.js. Anda dapat mengunduh nya melalui website resmi nya, yang brada di url berikut https://nodejs.org/en

setelah node.js berhasil terinstall jalankan perintah berikut untuk memuali membuat project.

npx create-expo-app NamaProjectAnda

cd NamaProjectAnda
npm start # you can also use: npx expo start

npx create-expo-app digunakan untuk membuat project menggunakan Expo Go. perintah selanjut nya digunakan untuk menjalankan project yang telah anda buat. yaitu dengan menggunakan npm start

Langkah selanjut nya itu mencoba menjalankan project anda pada emulator,  untuk emulator anda bisa menggunakan Genymotion atau perangkat mobile yang anda miliki.

npm run android #running at Android Virtual Device

npm run ios #running at iOS Simulator

berikut adalah contoh koding pada react native

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

const YourApp = () => {
  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Text>
        Try editing me! ????
      </Text>
    </View>
  );
}

export default YourApp;

Sumber : https://reactnative.dev/docs/getting-started

Dipost Oleh Administrator

Hello there

Post Terkait