0
0 Ulasan
Panduan Belajar Dasar Dasar React Native
Pelajari Dasar Dasar React Native untuk Pemula. Daftar Sekarang!
- Deskripsi
- Materi
- Ulasan
kursus ini dirancang bagi Anda yang ingin memulai perjalanan di dunia pengembangan aplikasi mobile menggunakan React Native. Kursus ini mencakup teori dasar hingga implementasi berbagai fitur yang sering digunakan dalam aplikasi mobile modern.
Apa yang Akan Anda Pelajari?
-
Pengenalan React Native
- Apa itu React Native dan keunggulannya.
- Proses instalasi di berbagai sistem operasi.
- Penggunaan ekstensi Visual Studio Code untuk pengembangan yang efisien.
-
Komponen Dasar React Native
- Mengenal komponen dasar seperti
Text
,Image
,Button
, danTouchableOpacity
. - Membuat gaya dengan
StyleSheet
. - Memahami layout dengan
Flexbox
.
- Mengenal komponen dasar seperti
-
Manajemen Data dan Interaktivitas
- Menampilkan daftar item menggunakan List.
- Mengelola state di
Class Component
danFunction Component
. - Memahami konsep Props dan cara menggunakannya.
-
Komponen Interaktif
- Penggunaan
TextInput
,ScrollView
,Picker
,Switch
, danModal
. - Menangani proses loading dengan
ActivityIndicator
. - Memanfaatkan
WebView
untuk membuka halaman web di dalam aplikasi.
- Penggunaan
-
Navigasi di React Native
- Membuat navigasi menggunakan React Navigation.
- Mengoper data antar halaman menggunakan params.
-
Mengakses Fitur API React Native
- Fetch API untuk pengambilan data.
- API seperti
Linking
,Dimensions
,Alert
, danToast
untuk berbagai kebutuhan aplikasi. - Mengatur tampilan dengan API
StatusBar
danBackHandler
.
-
Tampilan dan Interaksi Lanjutan
- Menggunakan komponen
ImageBackground
untuk latar belakang gambar. - Menambahkan fitur refresh dengan
RefreshControl
.
- Menggunakan komponen
Belajar React Native
-
11. Pengenalan Apa Itu React NativePratinjau 7:46
-
22. Install React Native di Windows 10Pratinjau 13:52
-
33. 2 Visual Studio Code Extensions untuk React Native Yang Sering Saya GunakanPratinjau 3:40
-
44.Mengenal Component di React Native : Text, Image, ButtonSorry, this lesson is currently locked. You need to complete "3. 2 Visual Studio Code Extensions untuk React Native Yang Sering Saya Gunakan" before accessing it.
-
55. Mengenal Component di React Native : TouchableOpacitySorry, this lesson is currently locked. You need to complete "4.Mengenal Component di React Native : Text, Image, Button" before accessing it.
-
66. Mengenal Component di React Native : StyleSheetSorry, this lesson is currently locked. You need to complete "5. Mengenal Component di React Native : TouchableOpacity" before accessing it.
-
77. Mengenal Layout Flexbox di React NativeSorry, this lesson is currently locked. You need to complete "6. Mengenal Component di React Native : StyleSheet" before accessing it.
-
88. Bagaimana Menampilkan List Item di React NativeSorry, this lesson is currently locked. You need to complete "7. Mengenal Layout Flexbox di React Native" before accessing it.
-
99. Bagaimana Cara Menangani State React Native di Class Component?Sorry, this lesson is currently locked. You need to complete "8. Bagaimana Menampilkan List Item di React Native" before accessing it.
-
1010. Bagaimana Cara Menangani State React Native di Function Component?Sorry, this lesson is currently locked. You need to complete "9. Bagaimana Cara Menangani State React Native di Class Component?" before accessing it.
-
1111. React Native Props TutorialSorry, this lesson is currently locked. You need to complete "10. Bagaimana Cara Menangani State React Native di Function Component?" before accessing it.
-
1212. Mengenal Komponen TextInput di React NativeSorry, this lesson is currently locked. You need to complete "11. React Native Props Tutorial" before accessing it.
-
1313. Mengenal Komponen ScrollView di React NativeSorry, this lesson is currently locked. You need to complete "12. Mengenal Komponen TextInput di React Native" before accessing it.
-
1414. Menggunakan Fungsi Fetch React NativeSorry, this lesson is currently locked. You need to complete "13. Mengenal Komponen ScrollView di React Native" before accessing it.
-
1515. Membuat React Navigation di React NativeSorry, this lesson is currently locked. You need to complete "14. Menggunakan Fungsi Fetch React Native" before accessing it.
-
1616. Melewatkan Data di Params React NavigationSorry, this lesson is currently locked. You need to complete "15. Membuat React Navigation di React Native" before accessing it.
-
1717. Component WebView di React NativeSorry, this lesson is currently locked. You need to complete "16. Melewatkan Data di Params React Navigation" before accessing it.
-
1818. Gunakan ActivityIndicator Untuk Menampilkan Proses Loading di React NativeSorry, this lesson is currently locked. You need to complete "17. Component WebView di React Native" before accessing it.
-
1919. Memanfaatkan Komponen Picker React NativeSorry, this lesson is currently locked. You need to complete "18. Gunakan ActivityIndicator Untuk Menampilkan Proses Loading di React Native" before accessing it.
-
2020. Menggunakan Switch React Native ElementsSorry, this lesson is currently locked. You need to complete "19. Memanfaatkan Komponen Picker React Native" before accessing it.
-
2121. Modal React Native ElementSorry, this lesson is currently locked. You need to complete "20. Menggunakan Switch React Native Elements" before accessing it.
-
2222. Menggunakan API Linking di React Native Untuk Beberapa KebutuhanSorry, this lesson is currently locked. You need to complete "21. Modal React Native Element" before accessing it.
-
2323. Menentukan Lebar dan Tinggi Layar dengan API Dimensions di React NativeSorry, this lesson is currently locked. You need to complete "22. Menggunakan API Linking di React Native Untuk Beberapa Kebutuhan" before accessing it.
-
2424. Menggunakan API Alert untuk Menampilkan Peringatan di React NativeSorry, this lesson is currently locked. You need to complete "23. Menentukan Lebar dan Tinggi Layar dengan API Dimensions di React Native" before accessing it.
-
2525. Menggunakan API Toast Untuk Menampilkan Informasi di React NativeSorry, this lesson is currently locked. You need to complete "24. Menggunakan API Alert untuk Menampilkan Peringatan di React Native" before accessing it.
-
2626. Pengaturan Status Bar di React Native dengan Menggunakan API StatusBarSorry, this lesson is currently locked. You need to complete "25. Menggunakan API Toast Untuk Menampilkan Informasi di React Native" before accessing it.
-
2727. Menggunakan Component RefreshControl di React NativeSorry, this lesson is currently locked. You need to complete "26. Pengaturan Status Bar di React Native dengan Menggunakan API StatusBar" before accessing it.
-
2828. Menggunakan Component ImageBackground di React NativeSorry, this lesson is currently locked. You need to complete "27. Menggunakan Component RefreshControl di React Native" before accessing it.
-
2929. Menggunakan API BackHandler di React NativeSorry, this lesson is currently locked. You need to complete "28. Menggunakan Component ImageBackground di React Native" before accessing it.
Silahkan, login untuk menulis review

×
1. Pengenalan Apa Itu React Native
1. Pengenalan Apa Itu React Native
7:46
2. Install React Native di Windows 10
13:52
3. 2 Visual Studio Code Extensions untuk React Native Yang Sering Saya Gunakan
3:40
Bagikan
Detail Kursus
Durasi
3 Jam 28 Menit
Materi
29
Tugas
1
Level
Mudah
Terpopuler
Jam Kerja
Monday | 07.00 WIB - 16.00 WIB |
Tuesday | 08.00 WIB - 15.00 WIB |
Wednesday | 06.00 WIB - 15.00 WIB |
Thursday | 07.00 WIB - 16.00 WIB |
Friday | 08.00 WIB - 15.00 WIB |
Saturday | Closed |
Sunday | Closed |