React Mastery: Styling, Pola Komponen, Data & Optimasi

Di materi sebelumnya kamu sudah berkenalan dengan "mesin" React: komponen, props, useState, useEffect, useRef, dan useReducer. Sekarang saatnya naik kelas. Materi ini membahas hal-hal yang membedakan aplikasi latihan dengan aplikasi yang siap dipakai orang sungguhan: bagaimana memberi tampilan (styling) pada komponen, bagaimana menyusun komponen supaya rapi dan bisa dipakai ulang, bagaimana berbagi state antar banyak komponen, bagaimana mengambil data dari API lengkap dengan status loading dan error, sampai bagaimana membuat aplikasi tetap cepat ketika ukurannya membesar.

Semua contoh di materi ini memakai React 19.3.1 (versi terbaru di npm saat materi ditulis, dicek dengan npm view react version), Vite 8.3.5, @vitejs/plugin-react 6.1.2, Tailwind CSS 4.3.3, dan React Compiler 1.0 (babel-plugin-react-compiler@1.0.0). Kalau kamu membaca materi ini beberapa bulan kemudian, cek ulang versinya dengan perintah yang sama, karena ekosistem JavaScript bergerak cepat. Bacalah modul-modulnya berurutan, karena modul belakangan memakai konsep dari modul sebelumnya.