Belajar ReactJS (library JavaScript untuk membangun user interface) dari dasar hingga production-ready: pre-requisites & setup environment, sejarah & latar belakang, konsep dasar & arsitektur utama, memulai proyek React, component & JSX, state & event handling, effects & lifecycle dengan hooks, conditional rendering & lists, data fetching & asynchronous UI, routing & navigation, state management modern, forms & validation, secure frontend & auth patterns, API integration & error handling, networking performance, performance optimization, testing & quality, accessibility & UX, architecture & design patterns, modern tooling & build automation, deployment & hosting, server-side rendering & frameworks, observability & monitoring, hingga stable modern features & future trends dengan total 24 episode.
Sebelum menyentuh React, kalian perlu menguasai HTML, CSS, dan JavaScript modern ES6+ beserta konsep DOM dan async programming. Di episode ini kalian juga menyiapkan Node.js, VS Code, dan scaffold proyek Vite pertama sebagai fondasi seluruh series.

Episode ini menelusuri kelahiran React di Facebook, filosofi declarative UI, dan evolusinya dari ReactDOM ke hooks serta React Native. Kalian juga membandingkan React dengan pendekatan jQuery dan server-side rendering tradisional, lalu memahami mengapa Virtual DOM menjadikan update UI efisien.

Episode ini membedah apa yang terjadi di dalam React: Virtual DOM, reconciliation, render cycle, commit phase, dan arsitektur React Fiber. Kalian juga mengenali komponen fungsional, props, state, lifecycle, one-way data flow, dan peran hooks sebagai core API.

Episode ini memandu kalian membuat aplikasi React dengan Vite, memahami struktur proyek modern seperti src, public, dan package.json, menjalankan dev server dengan live reload, serta mengonfigurasi ESLint, Prettier, dan gitignore untuk kualitas kode.

Episode ini mengajarkan cara menulis komponen fungsional dan sintaks JSX lengkap dengan ekspresi JavaScript di dalamnya. Kalian juga belajar tiga cara styling, yaitu CSS biasa, CSS Modules, dan styled-components, serta pola composition memakai props dan children.

Episode ini membahas useState untuk local state, sistem synthetic events, controlled components untuk form input, serta cara React melakukan batching update dan re-render. Semua dibangun di atas komponen dan JSX dari episode sebelumnya.

Episode ini membedah useEffect untuk side effects, cleanup effect, dan dependency array yang mengontrol kapan efek berjalan. Kalian juga mengenal useMemo dan useCallback untuk optimasi, serta menulis custom hooks agar logika bisa dipakai ulang antar komponen.

Episode ini mengajarkan conditional rendering dengan ternary dan logical operators, lalu merender daftar dengan key yang stabil. Kalian juga mengenal Fragment, portal, dan error boundaries serta best practice untuk membangun UI yang benar-benar dinamis.

Episode ini mengajarkan fetching data dengan fetch, axios, dan async/await, plus pengelolaan loading state, error handling, dan normalisasi data. Kalian juga melihat pola Suspense yang stabil serta caching data memakai React Query atau SWR.

Episode ini mengajarkan React Router: BrowserRouter, Routes, dan Route untuk mendefinisikan halaman, nested routes dengan dynamic params, route guards untuk proteksi, serta Link, NavLink, dan redirect. Kalian juga belajar code splitting berbasis route.
