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
, danuseOptimistic
- 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
npx create‑vite
atau setup Next.js. Katakan saja “Lanjut Bab 1”!