Belajar React

Belajar React Modern (v18/v19)

Selamat datang di modul Belajar React Modern! Di modul ini, kamu akan mempelajari React versi terbaru (v18 sampai v19) dengan fitur-fitur terkini seperti Concurrent Rendering, automatic batching, transitions, hooks baru (misalnya useId, useDeferredValue, dan useOptimistic), serta integrasi server-side rendering dengan Suspense.

React 18 memperkenalkan API seperti createRoot dan mendukung streaming SSR, Suspense, dan startTransition untuk UI yang lebih responsif dan interaktif.

Di React 19, kita mendapatkan tambahan seperti useOptimistic (untuk render optimistik), serta use untuk membaca data promise langsung di component (server components).

Selain itu, Create React App kini deprecated—React resmi merekomendasikan menggunakan alat seperti Vite, Parcel, atau framework fullstack seperti Next.js / Remix.

Modul ini akan memandu kamu melalui:

  • Setup proyek (menggunakan Vite atau Next.js)
  • Pembuatan komponen dengan Hooks dasar (useState, useEffect)
  • Menerapkan data fetching dengan Suspense + streaming SSR
  • Menggunakan automatic batching & transitions untuk interaktivitas halus
  • Explorasi hooks baru seperti useId, useDeferredValue, dan useOptimistic
  • Pengenalan testing komponen dan integrasi

Modul ini cocok untuk kamu yang ingin membangun UI modern, performa tinggi, dan siap production menggunakan React terbaru.

Catatan & Alat Bantu
Catatan: Kalau sudah siap, kita mulai dengan npx create‑vite atau setup Next.js. Katakan saja “Lanjut Bab 1”!