Tentang Buku Ini
Informasi lengkap tentang ebook Belajar React Native dari Awal: versi yang digunakan, prasyarat, struktur bab, dan konvensi penulisan kode.
Versi React Native
Ebook ini ditulis menggunakan React Native 0.83 — versi stabil terkini yang dirilis Desember 2025 dan menyertakan React 19.2. Seluruh contoh kode telah diverifikasi berjalan di versi ini dengan New Architecture yang sudah aktif secara default.
Untuk mengecek versi React Native dalam proyek yang sudah ada:
npx react-native --version
Atau untuk proyek Expo:
npx expo --version
Jika kamu menggunakan versi yang jauh lebih lama dari 0.76, beberapa fitur New Architecture dan API yang dibahas di ebook ini mungkin tidak tersedia atau perilakunya berbeda.
Prasyarat
Ebook ini mengasumsikan kamu sudah familiar dengan:
- JavaScript ES6+ — arrow functions, destructuring, spread operator, async/await, modules
- React dasar — komponen, props, state, hooks (useState, useEffect)
- Command line — navigasi direktori, menjalankan perintah
Yang tidak diasumsikan:
- Pengalaman pengembangan mobile sebelumnya (iOS/Android native)
- Pengetahuan tentang Swift, Kotlin, atau Java
- Pengalaman dengan React Native versi sebelumnya
Jika belum familiar dengan React, pertimbangkan untuk mempelajari React untuk web terlebih dahulu — banyak konsep di ebook ini akan jauh lebih mudah dipahami dengan dasar itu.
Struktur Bab
Enam belas bab konten dibagi menjadi beberapa bagian:
| Bagian | Bab | Topik |
|---|---|---|
| Fondasi | 1–4 | Pengenalan, setup, aplikasi pertama |
| UI dan Interaksi | 5 | Komponen UI, styling Flexbox |
| State dan Navigasi | 6–7 | Redux, React Navigation |
| Data dan Fitur | 8–9 | API, storage, fitur native |
| Kualitas Kode | 10–12 | Testing, performa, keamanan |
| Lanjutan dan Karir | 13–16 | Native modules, Firebase, karir, tren |
Tooling yang Digunakan
Expo digunakan sebagai primary tooling — ini adalah rekomendasi resmi tim React Native untuk proyek baru di 2025/2026. Expo menyederhanakan setup secara signifikan dan memungkinkan kamu fokus pada kode, bukan konfigurasi native.
Untuk bab-bab yang membutuhkan akses native langsung (Bab 9 dan 13), kita juga membahas cara menggunakan React Native CLI dan cara “eject” dari Expo ketika diperlukan.
Library utama yang digunakan:
@react-navigation/nativev7 — navigasi@reduxjs/toolkit— state managementaxios— HTTP requests@react-native-async-storage/async-storage— penyimpanan lokal
Konvensi Penulisan Kode
Nama file — Menggunakan PascalCase untuk komponen (HomeScreen.tsx) dan camelCase untuk utilitas (apiHelper.ts).
TypeScript — Seluruh contoh kode menggunakan TypeScript. Ini bukan sekadar preferensi — ekosistem React Native modern sangat TypeScript-first dan akan memudahkan debugging serta auto-complete di editor.
Output yang ditandai — Komentar // Output: di dalam blok kode menunjukkan apa yang akan tercetak. Ini bukan bagian kode yang perlu diketik.
const nama = "React Native";
console.log(`Halo, ${nama}!`);
// Output: Halo, React Native!
Kode yang dipotong — Ketika contoh hanya menampilkan bagian dari komponen lengkap, bagian yang tidak relevan digantikan dengan // ... untuk menjaga fokus.
Melaporkan Kesalahan
Jika kamu menemukan kesalahan — kode yang tidak berjalan, penjelasan yang membingungkan, atau informasi yang sudah tidak akurat — laporkan melalui situs. Setiap laporan dibaca dan direspons.