React Advanced: Performa, Data, dan Produksi
Membuat aplikasi React yang tetap cepat, tetap benar, dan aman diubah orang lain.
Deskripsi
Course ketiga React, untuk kamu yang aplikasinya sudah jalan tapi 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.
Kurikulum
Performa yang Terukur
○Kenapa Komponen Dirender Ulang
○React Compiler dan Memo Manual
○lazy, Suspense, dan Daftar Panjang
Data Layer Produksi
○Server State dengan TanStack Query
○Optimistic Update dengan useOptimistic
○Error Boundary dan Penanganan Gagal
Siap Produksi
○Testing Komponen dengan Vitest
○Server Component dan Render di Server
○Build Produksi dan Ukuran Bundle