React Intermediate: Data, Efek, dan Multi-Halaman
Menghubungkan React ke data sungguhan, dan menata state saat aplikasinya mulai besar.
Deskripsi
Lanjutan dari React Dasar. Mulai dari useEffect dan mengambil data dari API lengkap dengan loading, error, dan race condition, lalu membungkus logika berulang jadi custom hook. Modul kedua menata state yang mulai rumit dengan useReducer, Context, dan useRef. Modul terakhir membuat aplikasinya jadi banyak halaman dengan React Router v7, memakai form Action dan useActionState, serta menyusun struktur folder yang tidak berantakan setelah dua bulan.
Kurikulum
Efek Samping dan Data dari API
○useEffect: Menjalankan Kode di Luar Render
○Mengambil Data dari API
○Membungkus Logika Jadi Custom Hook
State yang Lebih Besar
○useReducer untuk State yang Rumit
○Context: Berbagi State Tanpa Prop Drilling
○useRef: Nilai yang Tidak Memicu Render
Aplikasi Multi-Halaman
○Routing dengan React Router
○Form Modern dengan useActionState
○Menyusun Komponen dan Struktur Folder