К содержанию

Tutorial Asas React

Tutorial mengenai rangka kerja JavaScript React. Untuk pemula. Banyak teori dan latihan.

Уроки

Pengenalan kepada Rangka Kerja React

Pemasangan Framework React

Pemasangan Plugin react-devtools

Pengenalan kepada Pendekatan Berasaskan Komponen dalam React

Layout Laman Web Framework React

Hasil Kerja Komponen

Bahasa JSX

Pengenalan kepada Bahasa JSX dalam React

Pemulangan Tag JSX Bersarang oleh Fungsi

Peraturan Pemulangan Fungsi apabila Menurunkan Tag ke Bawah dalam JSX

Ciri-ciri Mengembalikan Berbagai Tag dalam JSX

Pemulangan Tag JSX yang Tidak Ditutup

Pemulangan Tag Kosong oleh Fungsi dalam JSX

Penyisipan Nilai Pembolehubah dan Pemalar dalam JSX

Nuansa ketika memasukkan nilai pembolehubah

Penyisipan Array dalam JSX

Penyisipan Objek dalam JSX

Penyisipan Pembolehubah dan Pemalar dalam Atribut Tag JSX

Menyimpan Tag dalam Pembolehubah dan Pemalar JSX

Ciri-ciri Penyimpanan Pelbagai Tag dalam Pemalar JSX

Tag pada Baris Berbeza dalam JSX

Pemulangan Tag melalui return dalam JSX

Penutupan Tag JSX

Ketepatan Susun Atur dalam React

Pelaksanaan Kod JavaScript

Keadaan

Penggunaan Syarat dalam JSX

Paparan Bersyarat dalam React

Syarat untuk Mengembalikan Tag dalam JSX

Pengendali Ternari dalam JSX

Penggunaan Operator && dalam JSX

Penyongsangan untuk Syarat Ringkas dalam JSX

Fungsi

Penggunaan Fungsi dalam React

Memanggil Fungsi di Dalam Tag dalam React

Melekatkan Peristiwa dalam JSX

Parameter dalam Fungsi JSX

Objek Event dalam React

Objek Event semasa Menghantar Parameter

Pembentukan Tag

Tag dalam Array JSX

Pembentukan Array Tag dalam Gelung React

Membentuk Tag daripada Array dengan Data dalam React

Kunci Unik dalam Array Tag di React

Memaparkan Array Objek dalam React

Kunci Unik melalui id dalam React

Memaparkan Array Objek sebagai Jadual HTML dalam React

Id Unik

Perbincangan Mengenai ID Unik dalam React

Masalah dengan ID Baharu dalam React

Rentetan Rawak untuk ID dalam React

Penjanaan id dalam React

Fungsi untuk Menjana id dalam React

Penggunaan Fungsi id dalam React

Penggunaan Fungsi id yang Tidak Betul dalam React

State

Pengenalan kepada State dalam React

Penggunaan State dalam React

Kereaktifan State dalam React

Nilai Boolean dalam State di React

Penghitung dengan State dalam React

Borang

Pengendalian Input dalam React

Mengubah Data Input Semasa Memaparkannya dalam React

Mengubah Data Menggunakan Fungsi dalam React

Pengendalian Berbilang Input dalam React

Pemprosesan Data Borang dengan Mengklik Butang dalam React

Penggunaan textarea dalam React

Pengendalian Checkbox dalam React

Kotak Semak dan Rendiran Bersyarat dalam React

Penggunaan select dalam React

Item Pilih daripada Array dalam React

Atribut value dalam Pemilih dalam React

Atribut value select daripada array dalam React

Pengendalian Radio dalam React

Nilai Lalai dalam React

Mengikat Input kepada Array dalam React

Mengikat Input kepada Objek dalam React

Data

Kereaktifan Data dalam React

Penambahan Reaktif ke dalam Array dalam React

Operasi Tindak Balas pada Array dalam React

Penambahan Reaktif ke dalam Array Objek dalam React

Operasi Reaktif pada Array Objek dalam React

Paparan Data Reaktif dalam React

Komponen

Pengenalan kepada Komponen React

Penggunaan Komponen dalam React

Beberapa Instans Komponen dalam React

Props Komponen dalam React

Mencipta Komponen Anak dalam React

Array untuk Mencipta Komponen Anak dalam React

Komponen Anak dalam Gelung React

Menghantar State ke Komponen Anak dalam React

Menghantar id ke Komponen dalam React

Mengubah State Komponen Induk dalam Komponen Anak di React

Mengedit State Induk dalam Komponen Anak di React

Mengedit State dalam Komponen Cucu di React

Mod Pekerjaan Melalui State Komponen Anak dalam React

Konsep

Konsep React dalam Pengendalian Komponen

Data Komponen dalam React

Jenis-jenis Komponen dalam React

Aliran Data Sehala dalam React

Pengangkatan State dalam React

Sumber Kebenaran Tunggal dalam React

Pembentukan Gaya

Kaedah Menggayakan Komponen React

Penggunaan CSS Global untuk Penggayaan dalam React

Menyisipkan Data ke dalam Atribut style daripada Objek dalam React

Memasukkan Data ke dalam Atribut style dari Fail Berasingan dalam React

Penggunaan Gaya CSS dalam Atribut Style di React

Penyisipan Data ke dalam Atribut style daripada Pembolehubah dalam React

Penggayaan dengan Styled Components dalam React

Penggunaan Props dengan Styled Components dalam React

Penggunaan Props dalam Rendering Bersyarat dengan Styled Components dalam React

Penggayaan Lanjutan Komponen dalam React

Memulakan Pembelajaran Penggayaan dengan CSS modules dalam React

Sambungan Pembelajaran Penggayaan dengan CSS modules React

Perintah composes untuk Kelas dalam CSS modules di React

Perintah composes untuk Fail dalam CSS modules di React

Projek

Senarai Semak Projek dalam React

Projek Buku Nota dalam React