Various Library Mastery

Sampai di titik ini kamu sudah nyaman menulis komponen React dengan hooks (useState, useEffect, useContext) dan merapikan tampilannya pakai Tailwind CSS. Itu modal yang kuat. Tapi begitu aplikasi mulai "beneran", ambil data dari server, simpan pengaturan user, kirim form dengan validasi, tampilkan dialog yang rapi, kamu akan sadar bahwa menulis semuanya dari nol itu melelahkan dan rawan bug. Di dunia kerja, developer React hampir selalu memakai sekumpulan library pendukung yang sudah teruji jutaan proyek.

Materi ini membahas library yang paling sering kamu temui di lowongan kerja frontend: TanStack Query untuk data dari server, Zustand (plus pengenalan Redux Toolkit) untuk state global, axios untuk request HTTP, React Hook Form dan Zod untuk form dan validasi, serta shadcn/ui untuk komponen UI siap pakai. Semua versi di materi ini sudah dicek langsung ke registry npm pada Oktober 2026: @tanstack/react-query 5.104.5, zustand 5.0.16, @reduxjs/toolkit 2.13.0, axios 1.20.0, react-hook-form 7.90.0, zod 4.6.7, @hookform/resolvers 6.0.0, CLI shadcn 4.22.1, dengan React 19.3, Vite 8.3, dan Tailwind CSS 4.3. Di akhir materi kamu akan menggabungkan semuanya menjadi satu proyek: Dashboard Manajemen Tugas yang di-deploy ke internet.