Komposisi Component
Bagian dari kursus React
Kamu sudah membuat sebuah card dengan garis tepi dan bayangan, dan tampilannya bagus. Sekarang kamu butuh card yang sama mengelilingi sebuah foto, lalu mengelilingi form login, lalu mengelilingi daftar komentar. Godaannya adalah menyalin card itu tiga kali, atau memberinya satu prop untuk setiap kemungkinan isi: title, photoUrl, formFields, comments.
Jalan keluarnya adalah komposisi: membangun sesuatu yang besar dengan menyarangkan bagian-bagian kecil di dalamnya, sehingga tiap bagian tetap tidak tahu-menahu soal bagian lain. Bingkai foto adalah gambaran yang pas. Bingkai punya satu tugas, yaitu memberi garis tepi pada apa pun yang ada di dalamnya, dan tugas itu dijalankan tanpa tahu dan tanpa peduli apakah yang dipegangnya sebuah foto, sebuah sertifikat, atau...
Ingin belajar React Komposisi Component di lingkungan nyata?
Klik di bawah, dapatkan mesin Linux dengan React siap pakai, dan kerjakan Komposisi Component secara praktik dengan tutor AI yang memahami kodemu.
Mulai pelajaran iniKomposisi ComponentYang akan kamu pelajari
- Children prop
- Wrapping components
- Passing JSX as props
- Lifting state up
- Thinking in component trees
Baca pelajaran ini dalam bahasamu
Semua pelajaran di kursus ini
17 pelajaran- 1Apa itu React?25 mnt
- 2JSX dan Components30 mnt
- 3Props30 mnt
- 4State dengan useState35 mnt
- 5Menangani Peristiwa30 mnt
- 6Rendering Bersyarat dan Daftar30 mnt
- 7Formulir dan Controlled Inputs35 mnt
- 8Effects dengan useEffect40 mnt
- 9Pengambilan Data40 mnt
- 10Komposisi Component35 mnt
- 11Context dan useContext35 mnt
- 12useReducer35 mnt
- 13Hook Kustom35 mnt
- 14Performa dan Memoization35 mnt
- 15Perutean dengan React Router40 mnt
- 16Menguji Components React40 mnt
- 17Capstone: Aplikasi Todo60 mnt
Lihat kursus lain
