К содержанию

Tutorial Utama React

Tutorial tentang framework JavaScript React. Untuk pemula. Banyak teori dan tugas.

Уроки

Pengenalan Framework React

Instalasi Framework React

Menghubungkan Plugin react-devtools

Pengantar Pendekatan Komponen di React

Layout Situs Framework React

Hasil Kerja Komponen

Bahasa JSX

Pengenalan Bahasa JSX di React

Mengembalikan Tag JSX Bersarang dengan Fungsi

Aturan Pengembalian Fungsi saat Menurunkan Tag ke Bawah dalam JSX

Fitur Mengembalikan Beberapa Tag dalam JSX

Mengembalikan Tag JSX yang Tidak Ditutup

Kembalikan Tag Kosong oleh Fungsi dalam JSX

Menyisipkan Nilai Variabel dan Konstanta di JSX

Nuansa dalam Menyisipkan Nilai Variabel

Penyisipan Array dalam JSX

Penyisipan Objek dalam JSX

Menyisipkan Variabel dan Konstanta ke dalam Atribut Tag di JSX

Penyimpanan Tag dalam Variabel dan Konstanta JSX

Fitur Penyimpanan Beberapa Tag dalam Konstanta JSX

Tag pada Baris Berbeda di JSX

Mengembalikan Tag melalui return di JSX

Penutupan Tag JSX

Kesesuaian Tata Letak di React

Eksekusi Kode JavaScript

Kondisi

Penerapan Kondisi dalam JSX

Tampilan Bersyarat di React

Kondisi untuk Mengembalikan Tag di JSX

Operator Ternar di JSX

Penggunaan Operator && dalam JSX

Inversi untuk Pengurangan Kondisi dalam JSX

Fungsi

Penggunaan Fungsi dalam React

Memanggil Fungsi di Dalam Tag di React

Penanganan Event di JSX

Parameter dalam Fungsi JSX

Objek Event di React

Objek Event saat Meneruskan Parameter

Pembentukan Tag

Tag dalam Array JSX

Membentuk Array Tag dalam Loop React

Membentuk Tag dari Array Data di React

Kunci Unik dalam Array Tag di React

Menampilkan Array Objek di React

Kunci Unik melalui id di React

Menampilkan Array Objek dalam Bentuk Tabel HTML di React

Id Unik

Pembahasan tentang ID Unik di React

Masalah dengan ID Baru di React

String Acak untuk id di React

Generasi id di React

Fungsi untuk Menghasilkan id di React

Penggunaan Fungsi id di React

Penggunaan Fungsi id yang Salah dalam React

State

Pengenalan State di React

Penggunaan State di React

Reaktivitas State di React

Nilai Boolean dalam State di React

Penghitung dengan State di React

Formulir

Bekerja dengan Input di React

Mengubah Data Input Saat Menampilkannya di React

Mengubah Data dengan Fungsi di React

Bekerja dengan Beberapa Input di React

Memproses Data Formulir dengan Mengklik Tombol di React

Bekerja dengan textarea di React

Bekerja dengan Checkbox di React

Checkbox dan Rendering Bersyarat di React

Bekerja dengan select di React

Item Select dari Array di React

Atribut value dalam Select di React

Atribut value select dari array di React

Bekerja dengan Radio di React

Nilai Default di React

Binding Input ke Array di React

Binding Input ke Objek di React

Data

Reaktivitas Data di React

Penambahan Reaktif ke Array di React

Operasi Reaktif pada Array di React

Penambahan Reaktif ke Array Objek di React

Operasi Reaktif pada Array Objek di React

Tampilan Data Reaktif di React

Komponen

Pengantar Komponen React

Penggunaan Komponen di React

Beberapa Instance Komponen di React

Props Komponen di React

Membuat Komponen Anak di React

Array untuk Membuat Komponen Anak di React

Komponen Anak dalam Perulangan React

Meneruskan State ke Komponen Anak di React

Meneruskan id ke Komponen di React

Mengubah State Parent di Child Component di React

Mengedit State Parent di Child Component di React

Mengedit State di Komponen Cucu di React

Mode Kerja melalui State Komponen Anak di React

Konsep

Konsep React dalam Bekerja dengan Komponen

Data Komponen di React

Jenis Komponen di React

Aliran Data Satu Arah di React

Pengangkatan State di React

Satu Sumber Kebenaran di React

Styling

Metode Styling Komponen React

Penggunaan CSS Global untuk Styling di React

Menyisipkan Data ke Atribut style dari Objek di React

Memasukkan data ke dalam atribut style dari file terpisah di React

Bekerja dengan Gaya CSS dalam Atribut style di React

Menyisipkan Data ke Atribut style dari Variabel di React

Styling dengan Styled Components di React

Penggunaan Props dengan Styled Components di React

Penggunaan Props dalam Conditional Rendering dengan Styled Components di React

Styling Lanjutan Komponen di React

Memulai Belajar Styling dengan CSS modules di React

Melanjutkan Pembelajaran Styling dengan CSS modules React

Perintah composes untuk Kelas dalam CSS modules di React

Perintah composes untuk file di CSS modules di React

Proyek

Proyek Checklist di React

Proyek Buku Catatan di React