Kursus React Native

Pelajaran 1 • Developer Tools dan Dasar-Dasar Debugging

Memperkenalkan debugger React Native, Flipper, dan menu developer dalam aplikasi. Memberikan alat umpan balik langsung yang akan diandalkan siswa selama kursus.

Pelajaran 2 • Apa Itu React Native

Membahas peran React Native dalam pengembangan seluler lintas platform dan perbedaannya dengan React untuk web. Menetapkan dasar konseptual untuk semua bab selanjutnya.

Pelajaran 3 • Membuat Proyek Pertama Anda

Menggunakan React Native CLI dan Expo untuk membuat aplikasi baru dan menjelajahi struktur file yang dihasilkan. Menghubungkan pengetahuan alat dengan pembuatan proyek langsung.

Pelajaran 4 • Pengaturan Lingkungan Pengembangan

Menginstal dan mengonfigurasi semua alat yang diperlukan untuk pengembangan iOS dan Android. Memastikan setiap siswa memiliki lingkungan lokal yang berfungsi dan dapat direproduksi.

Pelajaran 1 • Komponen Text, View, dan Image

Membahas tiga komponen React Native paling fundamental dan properti esensialnya. Siswa membangun tata letak statis yang menggabungkan teks, kontainer, dan gambar.

Pelajaran 2 • Komponen Input dan Formulir

Membahas TextInput, Switch, dan Picker untuk menangkap input pengguna. Membangun pengetahuan komponen yang diperlukan sebelum memperkenalkan manajemen state.

Pelajaran 3 • Dasar-Dasar JSX di React Native

Menjelaskan sintaks JSX, penanaman ekspresi, dan bagaimana JSX dikompilasi menjadi panggilan UI native. Memberikan dasar sintaksis untuk semua pekerjaan komponen ke depan.

Pelajaran 4 • Komponen Touchable dan Pressable

Memperkenalkan komponen penanganan sentuhan dan perilaku umpan baliknya. Menghubungkan tata letak statis ke elemen interaktif yang akan digunakan siswa di setiap aplikasi.

Pelajaran 1 • API StyleSheet dan Gaya Inline

Membandingkan StyleSheet.create dengan objek gaya inline dan menjelaskan implikasi kinerja. Menetapkan pola penataan gaya yang konsisten yang digunakan di seluruh kursus.

Pelajaran 2 • Model Tata Letak Flexbox

Menjelaskan bagaimana model Flexbox React Native berbeda dari CSS dan cara mengontrol perataan sumbu. Siswa memperoleh keterampilan tata letak inti yang digunakan di setiap layar.

Pelajaran 3 • Tema dan Pola Gaya yang Dapat Digunakan Kembali

Memperkenalkan objek tema, konstanta gaya, dan enkapsulasi gaya tingkat komponen. Mempersiapkan siswa untuk mempertahankan sistem desain yang konsisten di seluruh aplikasi besar.

Pelajaran 4 • Spasi, Batas, dan Bayangan

Menerapkan properti margin, padding, border, dan shadow untuk menyempurnakan hierarki visual. Menghubungkan pengetahuan tata letak dengan tampilan komponen berkualitas produksi yang dipoles.

Pelajaran 1 • useState untuk State Lokal

Memperkenalkan hook useState untuk mengelola state tingkat komponen dan memicu render ulang. Memungkinkan siswa membangun elemen UI interaktif dengan state.

Pelajaran 2 • useEffect dan Efek Samping

Membahas useEffect untuk pengambilan data, langganan, dan pembersihan saat unmount. Menghubungkan konsep siklus hidup komponen dengan operasi asinkron praktis.

Pelajaran 3 • Pola Komponen dan Praktik Terbaik

Membahas komponen kontainer vs. presentasional, memoization, dan menghindari render yang tidak perlu. Mempersiapkan siswa untuk menulis pohon komponen yang berkinerja dan dapat dipelihara.

Pelajaran 4 • Props dan Komunikasi Komponen

Menjelaskan bagaimana props mengirimkan data dan callback antara komponen induk dan anak. Membangun pola aliran data searah yang menjadi pusat aplikasi React Native.

Pelajaran 1 • Stack Navigator untuk Alur Layar

Membangun alur layar push-and-pop menggunakan native stack navigator. Membahas pola navigasi paling umum di aplikasi seluler.

Pelajaran 2 • Tab dan Drawer Navigator

Menambahkan bottom tab dan side drawer navigator untuk bagian aplikasi tingkat atas. Memungkinkan siswa membangun shell navigasi utama yang digunakan di sebagian besar aplikasi.

Pelajaran 3 • Alur Autentikasi dan Rute yang Dilindungi

Mengimplementasikan navigasi bersyarat berdasarkan state autentikasi menggunakan perpindahan navigator. Mempersiapkan siswa untuk membangun navigasi aplikasi yang aman dan sadar peran.

Pelajaran 4 • Pengaturan dan Konsep React Navigation

Menginstal React Navigation dan menjelaskan model navigator, screen, dan route. Memberikan peta konseptual yang dibutuhkan siswa sebelum membangun alur navigasi apa pun.

Pelajaran 1 • Fetch API dan Pola Asinkron

Menggunakan Fetch API bawaan dengan async/await untuk membuat permintaan HTTP dari React Native. Membangun pola pengambilan data asinkron yang digunakan di semua bagian selanjutnya.

Pelajaran 2 • React Query untuk State Server

Menggunakan React Query untuk menyimpan cache, mengambil ulang, dan menyinkronkan data server secara otomatis. Mengurangi boilerplate dan meningkatkan kesegaran data di seluruh aplikasi.

Pelajaran 3 • Axios untuk Permintaan HTTP

Memperkenalkan Axios untuk sintaks permintaan yang lebih bersih, interceptor, dan konfigurasi URL dasar. Memajukan siswa ke klien HTTP yang paling banyak digunakan di aplikasi React Native produksi.

Pelajaran 4 • Penyimpanan Lokal dengan AsyncStorage

Menyimpan data key-value secara lokal menggunakan AsyncStorage untuk fitur offline-first. Mempersiapkan siswa untuk menyimpan token, preferensi, dan respons cache di perangkat.

Pelajaran 1 • Kamera dan Pemilih Gambar

Mengambil foto dan memilih gambar dari galeri menggunakan react-native-image-picker. Memungkinkan siswa membangun fitur kaya media yang umum di aplikasi sosial dan utilitas.

Pelajaran 2 • Manajemen Izin

Meminta dan memeriksa izin runtime untuk fitur perangkat sensitif di iOS dan Android. Membangun pola izin yang diperlukan sebelum mengakses API native apa pun.

Pelajaran 3 • Geolokasi dan Peta

Mengambil lokasi perangkat dan merender peta interaktif menggunakan react-native-maps. Menghubungkan data lokasi dengan pengalaman peta visual yang dapat dikirim siswa di aplikasi nyata.

Pelajaran 4 • Notifikasi Push

Mengonfigurasi notifikasi push lokal dan jarak jauh menggunakan Expo Notifications atau Firebase. Mengajarkan siklus hidup notifikasi penuh dari penjadwalan hingga interaksi pengguna.

Pelajaran 1 • Pengujian Unit dan Integrasi

Menulis pengujian komponen dan hook menggunakan Jest dan React Native Testing Library. Membangun dasar pengujian yang menangkap regresi sebelum penerapan.

Pelajaran 2 • Membangun dan Merilis ke Toko Aplikasi

Menghasilkan build rilis yang ditandatangani untuk Android dan iOS serta mengirimkannya ke toko masing-masing. Menyelesaikan siklus hidup pengembangan-ke-produksi penuh untuk siswa.

Pelajaran 3 • Pembuatan Profil Kinerja dan Optimasi

Menggunakan Flipper dan Performance Monitor untuk mengidentifikasi bottleneck thread JS dan render. Membekali siswa untuk mendiagnosis dan memperbaiki masalah kinerja React Native yang paling umum.

Pelajaran 4 • Pengujian Ujung ke Ujung dengan Detox

Mengotomatiskan alur pengguna penuh di simulator dan perangkat menggunakan Detox. Memvalidasi jalur kritis seperti login dan checkout sebelum setiap rilis.