TUGAS REVIEW

PENGEMBANGAN APLIKASI BERGERAK

TUGAS 2 REACT NATIVE

Disusun oleh:

Hazzardi Rifqi Panditayudha - 1204210145

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNOLOGI INFORMASI DAN BISNIS

INSTITUT TEKNOLOGI TELKOM SURABAYA

2023
 Review Perkuliahan Pertemuan Pertama

React Native adalah sebuah kerangka kerja yang digunakan untuk mengembangkan aplikasi
mobile untuk platform iOS dan Android dengan menggunakan bahasa pemrograman
JavaScript. Kerangka kerja React Native ini dikembangkan oleh Facebook.
Dalam penggunaannya, React Native memiliki beberapa komponen, antara lain:
1. Komponen View: Ini adalah komponen dasar yang digunakan untuk mengatur tata
letak aplikasi. Selain itu, View juga berfungsi untuk mengelompokkan elemen-elemen
lain, dan sering disebut sebagai wadah (container).
2. Komponen Text: Komponen Text digunakan untuk menampilkan teks di layar aplikasi.
3. Komponen Image: Komponen ini digunakan untuk menampilkan gambar.
4. Komponen ScrollView: ScrollView adalah komponen yang digunakan untuk membuat
tampilan yang dapat digulir untuk konten yang panjang.
5. Komponen TextInput: Komponen ini digunakan untuk input teks oleh pengguna.
6. Komponen Button: Button adalah komponen yang digunakan untuk membuat tombol
di aplikasi.
7. Komponen Modal: Modal digunakan untuk menampilkan konten di atas tampilan
utama aplikasi.
• Components

Pertama-tama, saya menginput import untuk mengimpor teks. Kemudian, saya membuat
sebuah Class Component yang disebut Yudi. Fungsi return digunakan untuk menghasilkan
elemen React. Terakhir, Export default digunakan untuk mengeluarkan komponen tersebut.
• JSX

Conts get name = (..) => { : Fungsi "get name" akan mengembalikan tampilan yang akan
ditampilkan.
Const name = () => { : Fungsi ini bertujuan untuk mendefinisikan variabel "name" yang akan
digunakan dalam tampilan komponen.

• Multiple component
 Const Restoran digunakan untuk melakukan proses render untuk komponen tampilan dan teks
dengan teks tertentu yang terdapat di dalamnya

• PROPS

Const IconApp adalah sebuah komponen yang bertugas untuk menampilkan elemen-elemen
<View> dan <Images>. Penggunaan 'Source' dalam komponen ini memungkinkan
 pengambilan gambar yang sudah ada atau mengambil gambar dari tautan URL. Sedangkan
penggunaan 'Style' di sini digunakan untuk mengatur ukuran gambar tersebut.

• STATE

Pada contoh di atas, kita mendefinisikan sebuah komponen bernama Pertambahan yang
memiliki state awal sebesar 0. Ketika tombol kurang ditekan, setAngka digunakan untuk
mengubah nilai state tersebut, menambahnya sebesar 1, sesuai dengan nilai yang ada dalam
Komponen TambahCounter