Pengenalan untuk membina alatan

Pengenalan kepada webpack

Webpack ialah ujian kecil

Menggunakan fail konfigurasi webpack

kurang-pemuat menghuraikan kurang

semakan sintaks eslint-loader

penukaran sintaks js

Sintaks js baharu diperkenalkan atas permintaan

url-loader menghuraikan imej dalam gaya

Pakej fail html

Membungkus sumber imej dalam html

Pakej sumber lain

Susun, bungkus dan jalankan secara automatik

HMR (Penggantian Acuan Panas)

teknologi pemetaan devtool

Sediakan persekitaran pengeluaran

Kosongkan direktori fail yang dibungkus

Ekstrak css ke dalam fail berasingan

Pemprosesan keserasian fail css

memampatkan css

kompres html

Penggunaan pengkompil vscode

Pengenalan untuk bertindak balas

hello-react

Dua cara untuk mencipta DOM maya

Beberapa soalan kecil

peraturan sintaks jsx

Senaman kecil dalam jsx

Dua cara untuk mencipta komponen

semakan

Keadaan tiga sifat utama komponen

singkatan untuk negeri

props, tiga sifat utama komponen

Kaedah penulisan ringkas untuk menghantar atribut tag melalui prop

pengendalian semula kejadian tiga sifat utama komponen

ref sintaks baharu

semakan

todolist melaksanakan komponen statik

todolist memaparkan data secara dinamik

Todolist lengkap

Komponen terkawal dan tidak terkawal

Kitaran hayat komponen

semakan

Mengenai forceUpdate dan willRecriveProps

getDerivedStateFromProps

getSnapshotBeforeUpdate

Sahkan algoritma perbezaan

Fungsi kunci

Muat turun perancah bertindak balas

Penerangan ringkas tentang perancah tindak balas

Penerangan terperinci tentang perancah tindak balas

Gabungan mudah komponen

Kes ulasan—halaman statik

Kes ulasan pengguna—pemulaan dinamik

Kes ulasan pengguna—tambah ulasan

Kes semakan pengguna—interaksi lengkap

Ulasan Pengguna—Edisi Kedua

senaman axios

Senaman mudah mengambil

Kes carian Github—halaman statik

kes carian github—hantar permintaan

kes carian github—interaksi lengkap

semakan

kes carian github—versi pubsub

Kaedah komunikasi antara komponen tindak balas

Pengenalan kepada penghalaan

Penggunaan laluan asas

Penerangan terperinci tentang penghalaan asas

Pembinaan penghalaan sekunder (1)

semakan

Pembinaan penghalaan sekunder (2)

Menghalakan parameter lulus komponen

Navigasi laluan terprogram

Penggunaan mudah antd

semakan

Pengenalan folder - demonstrasi kesan projek

Semak git

Pemilihan teknologi projek

Bina aplikasi menggunakan create-react-app

Konfigurasikan pengenalan atas permintaan gaya antd

tema tersuai dan lain-lain

Bina laluan log masuk dan pentadbir

log masuk halaman statik

antd Dari komponen-statik

Pengesahan deklaratif nama pengguna

Pengesahan tersuai kata laluan

Pengesahan bersatu borang log masuk

Komponen tertib tinggi & fungsi tertib lebih tinggi

semakan

Sediakan cawangan redux

Pengenalan kepada model interaksi redux

Penjelasan terperinci tentang gambarajah skematik redux

Versi tindak balas kes

Versi case-redux-no-action

Versi akhir case-redux

Pengenalan kepada react-redux

Case-react-redux (versi pertama)

Case-react-redux (Edisi Kedua)

pengaturcaraan asynchronous react-redux

Penggunaan alat penyahpepijatan redux

Pengekodan modular untuk react-redux

semakan

Bina persekitaran pembangunan redux

Antara muka dan ujian API

Konfigurasikan proksi untuk menyelesaikan isu merentas domain

parameter pengekodan format json permintaan pos

Menggunakan pemintas permintaan axios

Menggunakan pemintas tindak balas axios

Konfigurasikan laluan asas projek

Minta kesan bar kemajuan

Mengendalikan maklumat pengguna yang dikembalikan oleh pelayan kepada pengurusan redux

log masuk automatik

Fungsi log keluar

semakan

Sintaks penghias

pengesahan token

Pembinaan susun atur keseluruhan pentadbir

Pembinaan sub-laluan pentadbir

Tajuk susun atur statik

Lompat automatik apabila status log masuk tamat tempoh

Kepala interaksi-penukaran skrin penuh

Interaksi kepala - log keluar

Paparan masa kepala

Dapatkan maklumat cuaca

Paparkan maklumat cuaca

Penggunaan withRouter

Reka letak statik navigasi kiri

Navigasi kiri statik - kesan pensuisan

Menjana menu secara dinamik

Menu dipilih secara lalai dan dibuka secara automatik

Paparkan tajuk dalam komponen pengepala

Gunakan redux untuk mengurus tajuk

Halaman statik klasifikasi produk (1)

Halaman statik klasifikasi produk (2)

Mulakan data secara dinamik

Tambah dan ubah suai tetingkap pop timbul

Tambah produk baharu

Kemas kini kategori produk

Selesaikan masalah pemilihan lalai navigasi

Halaman statik pengurusan produk

Paparan senarai permulaan + halaman

Status produk operasi

Hantar permintaan carian

Pelaksanaan fungsi carian

Pembinaan butiran produk dan penghalaan yang diubah suai

Selesaikan masalah pemilihan label dan tajuk

Halaman statik butiran produk

Tunjukkan butiran

Tarik butiran dari pelayan

Paparkan butiran produk-redux

Paparkan butiran produk-permintaan bahagian belakang

Tambah halaman statik produk baharu

Kumpulkan beberapa data produk

Foto dinding-statik

Muat naik fail menggunakan komponen Muat naik

Muat naik dan padamkan respons

Fungsi muat naik lengkap

Penyunting teks kaya

Produk baru yang lengkap

Pengubahsuaian produk

Pengenalan kepada pengurusan peranan

Tambah peranan baharu

menu pokok

Lengkapkan fungsi kebenaran

Dapatkan senarai pengguna

Pengguna baharu

Menu traverse-beberapa kaedah tatasusunan

Penggunaan echarts