React TutorialLesson 40Preview gratis
React CSS-in-JS
Lesson ini bagian dari React · Semua level
Ringkasan
CSS-in-JS menulis gaya langsung di dalam JavaScript melalui library seperti styled-components. Kamu membuat komponen styled.div yang sudah membawa gaya bawaannya, sehingga gaya ikut berpindah bersama komponen yang memakainya. Pendekatan ini membuat styling modular dan bisa merespons props maupun state.
Poin kunci
- Perlu menambahkan paket seperti styled-components
- styled.div menghasilkan komponen React yang sudah bergaya
- Gaya bisa dibuat dinamis lewat interpolasi props
- Gaya berdekatan dengan kode sehingga mudah dipakai ulang
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.