React Advanced: Performa, Data, dan Produksi
Membuat aplikasi React yang tetap cepat, tetap benar, dan aman diubah orang lain.
Deskripsi
Course ketiga React, untuk aplikasi yang sudah jalan tetapi mulai terasa lambat atau rapuh. Mulai dari membaca kenapa sebuah komponen dirender ulang dan apa yang sekarang dikerjakan React Compiler, lalu lazy loading dan daftar panjang. Modul kedua mengganti pengambilan data buatan sendiri dengan cache sungguhan lewat TanStack Query, optimistic update, dan penanganan gagal yang tidak membuat layar putih. Modul terakhir soal produksi: test komponen dengan Vitest, render di server dan Server Component, serta membaca ukuran bundle hasil build.
Apa yang akan dipelajari
- Menemukan penyebab komponen dirender ulang, dan menilai kapan memo manual masih diperlukan
- Menahan beban halaman besar dengan lazy, Suspense, dan penanganan daftar panjang
- Mengelola server state dengan TanStack Query, termasuk optimistic update
- Menangkap kegagalan render lewat error boundary
- Menulis test komponen dengan Vitest dan menjaga ukuran bundle produksi
Kurikulum
- 01 Performa yang Terukur
- 02 Data Layer Produksi
- 03 Siap Produksi