Tutorial Asas React
Pengenalan
Pemasangan React
Menyambung Plugin react-devtools
Pendekatan Berasaskan Komponen
Tata Letak Laman Web
Hasil Kerja Komponen
Bahasa JSX
Pengenalan kepada JSX
Memulangkan tag bersarang
Menurunkan tag ke bawah
Memulangkan beberapa tag
Memulangkan tag yang tidak ditutup
Memulangkan tag kosong oleh fungsi
Memasukkan nilai pemboleh ubah
Nuansa ketika memasukkan pemboleh ubah
Memasukkan array
Memasukkan objek
Memasukkan ke dalam atribut
Menyimpan tag dalam JSX
Menyimpan beberapa tag
Tag pada baris yang berbeza
Memulangkan tag
Keterutupan tag JSX
Ketetapan susun atur
Melaksanakan kod JavaScript
Keadaan
Keadaan dalam JSX
Tunjukkan mengikut keadaan
Keadaan untuk tag pulangan
Pengendali ternary dalam JSX
Menggunakan pengendali && dalam JSX
Pembalikan untuk keadaan ringkas
Fungsi
Penggunaan Fungsi
Memanggil Fungsi di Dalam Tag
Pemasangan Pengendali
Parameter Pengendali
Objek Event
Objek Event apabila Parameter Dioper
Pembentukan Tag
Array Tag
Array Tag dalam Gelung
Tag dari Array dengan Data
Kunci dalam Array
Array Objek
Kunci melalui ID
Jadual dari Array Objek
Id Unik
Perbincangan
Masalah dengan id baru
Rentetan rawak untuk id
Penjanaan id
Fungsi untuk penjanaan id
Penggunaan fungsi id
Penggunaan fungsi yang salah
State
Pengenalan kepada State
Penggunaan
Reaktiviti
Nilai Boolean dalam State
Pembilang ketika bekerja dengan State
Borang
Kerja dengan input
Mengubah data input semasa output
Mengubah data menggunakan fungsi
Kerja dengan beberapa input
Pemprosesan data borang
Kerja dengan textarea
Kerja dengan kotak semak
Kotak semak dan rendering bersyarat
Kerja dengan pilih
Item pilih dari array
Atribut value dalam pilih
Atribut value pilih dari array
Kerja dengan radio
Nilai lalai
Mengikat input ke array
Mengikat input ke objek
Data
Pengenalan
Penambahan Array Reaktif
Operasi Array Reaktif
Penambahan Array Objek Reaktif
Operasi Array Objek Reaktif
Paparan Data Reaktif
Komponen
Pengenalan kepada Komponen
Menggunakan Komponen
Berbilang Instans Komponen
Props Komponen
Komponen Anak
Array untuk Mencipta Komponen Anak
Komponen Anak dalam Gelung
Memasukkan State ke dalam Komponen Anak
Memasukkan id ke dalam Komponen
Mengubah State Induk
Menyunting State Induk
Menyunting State Nenek Moyang
Mod Operasi Melalui State
Konsep
Pengenalan
Data Komponen
Jenis Komponen
Aliran Data Sehala
Mengangkat State Ke Atas
Satu Sumber Kebenaran
Pembentukan Gaya
Kaedah Pembentukan Gaya dalam React
CSS Global
Memasukkan Data ke Atribut style daripada Objek
Memasukkan Data ke Atribut style daripada Fail Berasingan
Bekerja dengan Gaya CSS dalam Atribut style
Memasukkan Data ke Atribut style daripada Pembolehubah
Styled Components
Props dalam Styled Components
Props dan Rendering Bersyarat dalam Styled Components
Komponen dengan Pembentukan Gaya Diperluas
Bermula dengan CSS modules
Meneruskan Kerja dengan CSS modules
Arahan composes untuk Kelas
Arahan composes untuk Fail
