Bangun Antarmuka Nyata dengan React
React adalah library JavaScript yang mendefinisikan bagaimana sebagian besar UI production dibangun saat ini — dari single-page apps dan situs Next.js hingga aplikasi mobile dan desktop lintas platform. Track ini mencakup disiplin lengkap: arsitektur komponen, manajemen state, pengambilan data, performa, testing, dan deployment. Semuanya didasarkan pada cara React benar-benar bekerja — reconciler, fiber model, semantik hooks — bukan hanya surface API-nya.
Apa yang Akan Anda Pelajari
Anda akan mulai dengan JSX, props, state, dan controlled components, kemudian lanjut ke useEffect, useRef, dan useReducer. Kursus praktis mencakup routing dengan React Router v6, penanganan form dengan React Hook Form, server state dengan React Query dan SWR, global state dengan Redux Toolkit, Zustand, dan Jotai. Anda akan bekerja dengan TypeScript di React, menulis integration dan E2E tests, membangun design systems dengan Storybook, menangani UI real-time melalui WebSockets, dan mengirim API type-safe dengan tRPC. Path juga mencakup Next.js App Router, server components, server actions, dan autentikasi dengan NextAuth.js.
Learning Path
Sembilan puluh lima kursus berjalan dari A1 hingga C1. Kursus A1 dan A2 membangun fondasi React, JSX rendering, CSS animations, local storage persistence, dan dark mode. Kursus B1 membangun kepercayaan diri dengan context patterns, i18n, React Spring, Framer Motion, drag-and-drop dengan dnd-kit, dan complex data tables dengan TanStack Table. Kursus B2 mengatasi rendering dan memoization, Suspense, code splitting, React Native untuk React developers, deployment ke Vercel dan AWS, dan Electron untuk aplikasi desktop. Level C1 selesai dengan topik lanjutan: Micro-Frontend Architecture, SSR and Hydration Deep Dive, Module Federation, Islands Architecture with Astro, WebAssembly integration, Edge Rendering with Cloudflare Workers, dan OpenTelemetry for frontend observability.
Cara Kerjanya
Setiap kursus terbagi menjadi pelajaran singkat dan terfokus yang Anda selesaikan di editor kode built-in dengan feedback real-time. Tutor AI tersedia kapan pun Anda terjebak pada suatu konsep atau test yang gagal. Anda dapat menyelesaikan track secara berurutan atau langsung ke level yang sesuai dengan pengalaman Anda saat ini.