Tentang Buku Ini

Informasi lengkap tentang ebook ReactJS untuk Pemula: versi React yang digunakan, prasyarat, struktur bab, dan konvensi penulisan kode.

Versi React

Ebook ini ditulis menggunakan React 19 (stable, Maret 2026). Seluruh contoh kode telah diverifikasi berjalan di versi ini. Proyek React dibuat menggunakan Vite 6 sebagai build tool.

Untuk mengecek versi React di proyek yang sudah ada:

cat node_modules/react/package.json | grep '"version"'

Jika kamu membuat proyek baru mengikuti langkah di ebook ini, versi yang terpasang akan sesuai secara otomatis.

Prasyarat

Ebook ini mengasumsikan kamu sudah familiar dengan:

HTML — Tahu cara menulis tag, atribut, dan struktur dokumen dasar
CSS — Memahami selector, properti, dan box model
JavaScript — Sudah nyaman dengan variabel, fungsi, array, objek, dan dasar-dasar ES6 seperti arrow function dan destructuring

Yang tidak diasumsikan:

Pengalaman dengan React atau framework frontend lainnya
Pengetahuan tentang TypeScript (ebook ini menggunakan JavaScript)
Pemahaman tentang build tool atau bundler

Jika kamu baru saja belajar JavaScript dan belum yakin apakah sudah cukup, Bab 6 menyediakan ringkasan JavaScript modern yang wajib dipahami sebelum coding React.

Struktur Bab

Lima puluh bab konten dibagi menjadi beberapa bagian alami:

Bagian	Bab	Topik
Persiapan	1–3	Pengenalan React, setup, dan aplikasi pertama
Dasar Rendering	4–6	Render HTML, upgrade, dan JavaScript modern
JSX	7–11	Sintaks JSX, ekspresi, atribut, dan kondisional
Komponen & Props	12–17	Komponen, class component, props, children, events
Form	18–27	Form lengkap: input, select, checkbox, radio
Styling	28–31, 35	CSS, CSS Modules, CSS-in-JS, Sass
Lanjutan	26–34	Portals, Suspense, Router, HOC, Forward Ref
Hooks	36–44	Semua built-in hooks dan custom hooks
Ekosistem & Karir	45–50	Compiler, Server Components, persiapan wawancara

Konvensi Penulisan Kode

Nama file — Komponen React menggunakan PascalCase (TodoItem.jsx). File utility dan hook menggunakan camelCase (useTodo.js). Direktori menggunakan huruf kecil dengan tanda hubung (src/components/todo-list/).

Penanda output — Komentar // Output: di dalam blok kode menunjukkan apa yang akan tercetak atau ditampilkan:

function Salam() {
  return <h1>Halo, Dunia!</h1>;
  // Output: <h1>Halo, Dunia!</h1> di browser
}

Anotasi error — Kode yang sengaja keliru diberi penanda // ERROR::

// ERROR: Komponen harus diawali huruf kapital
function todoItem() {
  return <li>Beli susu</li>;
}

Proyek yang berkembang — Sepanjang ebook ini kita akan membangun satu aplikasi manajemen tugas (task manager) yang makin kompleks dari bab ke bab. Kode yang sudah ditulis di bab sebelumnya akan diberi komentar penanda:

// src/App.jsx — sudah dibuat di Bab 3
function App() {
  // ...
}

Melaporkan Kesalahan

Ebook ini adalah dokumen hidup. Jika kamu menemukan kesalahan — kode yang tidak berjalan, penjelasan yang membingungkan, atau informasi yang sudah tidak akurat — silakan laporkan melalui situs.

Setiap laporan yang masuk dibaca dan direspons.