JSX dan Components
Bagian dari kursus React
Di pelajaran sebelumnya kamu melihat sebuah komponen mengembalikan sesuatu yang mirip HTML: return <h1>Hello, React</h1>;. Itu semestinya terasa agak janggal. Fungsi JavaScript mengembalikan nilai seperti angka, string, atau objek, bukan tanda kurung siku.
JSX kepanjangan dari JavaScript XML. Ini perluasan sintaks yang memungkinkan kamu menulis sesuatu yang terlihat seperti tag HTML langsung di dalam kode JavaScript. Sebuah build tool (jenis compiler yang sama seperti yang disebut di pelajaran sebelumnya) membaca <h1>Hello</h1> dan mengubahnya jadi panggilan fungsi JavaScript biasa sebelum browser sempat melihatnya, kira-kira jadi createElement("h1", null, "Hello").
Ingin belajar React JSX dan Components di lingkungan nyata?
Klik di bawah, dapatkan mesin Linux dengan React siap pakai, dan kerjakan JSX dan Components secara praktik dengan tutor AI yang memahami kodemu.
Mulai pelajaran iniJSX dan ComponentsYang akan kamu pelajari
- JSX syntax rules
- Single root element
- ClassName vs class
- Embedding expressions with {}
- Defining components
- Composing components
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
