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:

BagianBabTopik
Fondasi1–4Pengenalan, setup, aplikasi pertama
UI dan Interaksi5Komponen UI, styling Flexbox
State dan Navigasi6–7Redux, React Navigation
Data dan Fitur8–9API, storage, fitur native
Kualitas Kode10–12Testing, performa, keamanan
Lanjutan dan Karir13–16Native 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/native v7 — navigasi
  • @reduxjs/toolkit — state management
  • axios — 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.