Frontend Fundamentals
Kursus Gratis — Fullstack Talent
React — Library untuk Modern UI
Apa itu React dan arsitektur Virtual DOM
Setup project dengan Vite dan pemahaman struktur folder
JSX — Menulis HTML di dalam JavaScript
Komponen: Functional Components & Component Composition
Props: Mengalirkan data dari Induk ke Anak
Prop Types dan Default Props
Event Handling (onClick, onChange, dll)
State Dasar dengan `useState` Hook
Rendering Kondisional (Ternary, &&, if)
Rendering List dan pentingnya atribut `key`
Formulir: Controlled vs Uncontrolled Components
Memahami Component Lifecycle di Functional Component
Side Effects dengan `useEffect` Hook
Dependency Array di useEffect dan Clean-up function
Data Fetching dari API di dalam komponen React
Membuat Custom Hooks untuk reusability logika
Mengakses elemen DOM langsung dengan `useRef`
Mengatasi Prop Drilling dengan Context API
Manajemen state kompleks dengan `useReducer`
React Router v6: Setup dasar dan komponen Link
React Router: Dynamic Routes & useParams
React Router: Nested Routes & Outlet
React Router: Protected Routes untuk Autentikasi
React Portals: Trik membuat Modal/Dialog
Error Boundaries: Mencegah aplikasi crash
Optimasi Performa 1: `React.memo`
Optimasi Performa 2: `useMemo` & `useCallback`
Code Splitting dengan `React.lazy` dan `Suspense`
State Management Global: Pengenalan Zustand / Redux Toolkit
Modern Data Fetching: Pengenalan React Query (TanStack V5)
Styling Lanjut: CSS Modules & Styled Components
Integrasi React dengan Tailwind CSS (Best Practices)
Testing React: Pengenalan Jest & React Testing Library
Deployment React app ke Vercel/Netlify
Beyond React: Pengantar Server-Side Rendering (Next.js)
Project akhir: membangun aplikasi React skala besar