Tutorial Utama React
Pengantar
Memasang React
Menghubungkan Plugin react-devtools
Pendekatan Komponen
Tata Letak Situs
Hasil Kerja Komponen
Bahasa JSX
Pengenalan JSX
Pengembalian tag bersarang
Membawa tag ke bawah
Pengembalian beberapa tag
Pengembalian tag yang tidak ditutup
Pengembalian tag kosong oleh fungsi
Menyisipkan nilai variabel
Nuansa saat menyisipkan variabel
Menyisipkan array
Menyisipkan objek
Menyisipkan ke dalam atribut
Penyimpanan tag di JSX
Penyimpanan beberapa tag
Tag pada baris yang berbeda
Pengembalian tag
Ketertutupan tag JSX
Kebenaran markup
Menjalankan kode JavaScript
Kondisi
Kondisi dalam JSX
Menampilkan Berdasarkan Kondisi
Kondisi untuk Mengembalikan Tag
Operator Ternary dalam JSX
Menggunakan Operator && dalam JSX
Membalikkan untuk Kondisi yang Dipersingkat
Fungsi
Penggunaan Fungsi
Memanggil Fungsi di Dalam Tag
Menambahkan Penangan (Handlers)
Parameter Penangan (Handlers)
Objek Event
Objek Event saat Meneruskan Parameter
Pembentukan Tag
Array Tag
Array Tag dalam Loop
Tag dari Array dengan Data
Kunci dalam Array
Array Objek
Kunci melalui id
Tabel dari Array Objek
Id Unik
Diskusi
Masalah dengan id baru
String acak untuk id
Generasi id
Fungsi untuk generasi id
Penggunaan fungsi id
Penggunaan fungsi yang salah
State
Formulir
Bekerja dengan Input
Mengubah Data Input saat Menampilkannya
Mengubah Data dengan Fungsi
Bekerja dengan Beberapa Input
Pemrosesan Data Formulir
Bekerja dengan Textarea
Bekerja dengan Checkbox
Checkbox dan Rendering Bersyarat
Bekerja dengan Select
Item Select dari Array
Atribut Value dalam Select
Atribut Value Select dari Array
Bekerja dengan Radio
Nilai Default
Mengikat Input ke Array
Mengikat Input ke Objek
Praktikum - !!! saya akan menghapusnya sepenuhnya
todo, ambil sebagian berdasarkan tautan
Data
Pengantar
Penambahan Array secara Reaktif
Operasi Array Reaktif
Penambahan ke Array Objek secara Reaktif
Operasi Array Objek Reaktif
Menampilkan Data secara Reaktif
Komponen
Pengantar Komponen
Menggunakan Komponen
Beberapa Instans Komponen
Props Komponen
Komponen Anak
Array untuk Membuat Komponen Anak
Komponen Anak dalam Loop
Meneruskan State ke Komponen Anak
Meneruskan id ke Komponen
Mengubah State Parent
Mengedit State Parent
Mengedit State Kakek-Nenek
Mode Operasi melalui State
Tipe Prop
todo
Konsep
Pengenalan
Data Komponen
Jenis-Jenis Komponen
Aliran Data Satu Arah
Pengangkatan State
Satu Sumber Kebenaran
Styling
Metode Styling di React
CSS Global
Memasukkan Data ke Atribut style dari Objek
Memasukkan Data ke Atribut style dari File Terpisah
Bekerja dengan Gaya CSS dalam Atribut style
Memasukkan Data ke Atribut style dari Variabel
Styled Components
Props dalam Styled Components
Props dan Conditional Rendering dalam Styled Components
Komponen dengan Styling yang Diperluas
Memulai bekerja dengan CSS modules
Melanjutkan pekerjaan dengan CSS modules
Perintah composes untuk kelas
Perintah composes untuk file