Modern React & Next.js Fullstack
Kuasai ekosistem React modern, mental model komponen, Hooks, Server Components (RSC), App Router, dan arsitektur fullstack serverless.
Kurikulum & Daftar Materi
Modul 01: Mental Model React, Komponen & State Lifecycle
Memahami Virtual DOM, rekonsiliasi, dekonstruksi JSX, pengelolaan state deklaratif, dan siklus render komponen.
Mental Model React, Virtual DOM & Dekonstruksi JSX
Pahami pergeseran dari paradigma Imperative ke Declarative UI (UI = f(State)), cara kerja Virtual DOM diffing, dan apa yang sebenarnya terjadi di balik sintaks JSX.
State Management, Hooks (useState, useEffect) & Immutability
Pelajari prinsip immutability state di React, aturan Hooks, jebakan Dependency Array pada useEffect, dan pembersihan efek (Cleanup functions).
Modul 02: Next.js App Router & Server Components (RSC)
Memahami arsitektur React Server Components (RSC), direktif 'use client', Server Actions, dan strategi caching modern.
React Server Components (RSC) vs Client Components ('use client')
Pahami revolusi RSC di Next.js: komponen yang dieksekusi murni di server (0 KB bundle JavaScript client), kapan harus menambahkan direktif 'use client', dan boundary composition.
Server Actions ('use server'), Form Mutations & Revalidasi Cache
Pelajari Server Actions untuk mutasi data form tanpa membuat API route terpisah, pencegahan CSRF bawaan, dan revalidasi cache dengan revalidatePath().
Modul 03: Custom Hooks, Context API & Performance Memoization
Ekstraksi logika bisnis ke Custom Hooks yang reusable, global state dengan Context API, serta optimasi render dengan useMemo dan useCallback.
Membangun Custom Hooks yang Reusable & Clean Architecture
Pelajari teknik memisahkan logika UI dari logika bisnis dengan Custom Hooks (useLocalStorage, useDebounce, useMediaQuery) untuk kode yang modular dan testable.
Optimasi Performa Render: React.memo, useMemo & useCallback
Kuasai strategi optimasi performa render di React: mencegah re-render yang tidak perlu dengan React.memo, caching kalkulasi berat dengan useMemo, dan referensial fungsi stabil dengan useCallback.