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 tetap rapi setelah dua bulan.
Apa yang akan dipelajari
- Menjalankan kode di luar render dengan useEffect, termasuk mengambil data dari API
- Membungkus logika yang berulang menjadi custom hook
- Menata state yang rumit dengan useReducer, dan membagikannya lewat Context
- Menyimpan nilai yang tidak memicu render dengan useRef
- Menyusun aplikasi multi-halaman dengan React Router dan form modern lewat useActionState
Kurikulum
- 01 Efek Samping dan Data dari API
- 02 State yang Lebih Besar
- 03 Aplikasi Multi-Halaman