Pengenalan untuk bertindak balas

kes helloreact

Dua cara untuk mencipta DOM maya

DOM maya dan DOM sebenar

peraturan sintaks jsx

jsx latihan kecil

Komponen dan modul

Pemasangan alat pembangun

Komponen berfungsi

Semak pengetahuan berkaitan

komponen kelas

pemahaman negara

Mulakan keadaan

Peristiwa mengikat dalam tindak balas

ini dalam kaedah di dalam kelas

Selesaikan masalah penunjuk ini di dalam kelas

Penggunaan setState

singkatan untuk negeri

meringkaskan negeri

Penggunaan asas prop

Pas props dalam kelompok

Hadkan prop

singkatan untuk props

Pembina dan prop dalam komponen kelas

Komponen berfungsi menggunakan prop

prop ringkasan

ref dalam bentuk rentetan

ref dalam bentuk panggil balik

Masalah dengan bilangan panggilan dalam rujukan balik

Penggunaan createRef

summaryref

Pengendalian acara dalam tindak balas

komponen yang tidak terkawal

komponen terkawal

Fungsi kari bagi fungsi peringkat tinggi

Menulis tanpa kari

Memimpin kitaran hayat

Proses pemasangan komponen kitaran hayat (lama).

Proses setState kitaran hayat (lama).

Proses forceUpdate kitaran hayat (lama).

Proses pemaparan komponen induk kitaran hayat (lama).

Ringkasan kitaran hayat (lama)

Bandingkan kitaran hidup lama dan baru

getDerivedStateFromProps

getSnapshotBeforeUpdate

contoh getSnapshotBeforeUpdate

Ringkasan kitaran hayat (baharu)

Algoritma pembezaan DOM

Mulakan perancah tindak balas

Pengenalan fail perancah awam

Pengenalan fail perancah src

Komponen Hello yang mudah

Modulariti gaya

Pemasangan pemalam tindak balas dalam vscode

Proses pengekodan komponen

Komponen statik kes TodoList

Senarai permulaan dinamik huruf TodoList

TodoList case menambah todo

Pergerakan tetikus kes TodoList berkuat kuasa

Kes TodoList menambah todo

Kes TodoList menghadkan prop

TodoList case memadamkan todo

Kes TodoList melaksanakan fungsi bawah

Ringkasan kes TodoList Kes TodoList

Kaedah ejen konfigurasi perancah 1

Kaedah ejen konfigurasi perancah 2

komponen statik kes carian github

kes carian github axios menghantar permintaan

Data paparan kes carian Github

kes penyiapan kes carian github

Langganan mesej dan pubsub teknologi penerbitan

fetch menghantar permintaan

Ringkasan kes carian github

Memahami aplikasi SPA

Pemahaman tentang penghalaan

Prinsip penghalaan bahagian hadapan

Penggunaan asas penghalaan

Komponen penghalaan dan komponen am

Penggunaan NavLink

Merangkum komponen NavLink

Penggunaan Suis

Selesaikan masalah kehilangan gaya

Padanan kabur dan padanan ketat laluan

Penggunaan Redirect

Penghalaan bersarang

Lulus parameter params kepada komponen penghalaan

Lulus parameter carian kepada komponen penghalaan

Hantar parameter keadaan kepada komponen penghalaan

Parameter penghalaan ringkasan

menolak dan membalas

Navigasi laluan terprogram

Penggunaan withRouter

BrowserRouter与HashRouter

Penggunaan asas antd

Pengenalan atas permintaan gaya antd

tema tersuai antd

Pengenalan kepada redux

aliran kerja redux

Versi tindak balas tulen bagi kes penjumlahan

Jumlah kes redux versi lite

Sum case redux versi penuh

Versi tindakan tak segerak bagi kes penjumlahan

Pemahaman tentang react-redux

Sambungkan komponen kontena dan komponen UI

Penggunaan asas react-redux

Pengoptimuman 1 peta singkatanDispatch

Optimumkan penggunaan komponen 2Provider

Pengoptimuman 3 Mengintegrasikan komponen UI dan komponen kontena

Perkongsian data dan menulis komponen Orang

Perkongsian data dan menulis pengurang komponen Orang

Perkongsian data melengkapkan perkongsian data

fungsi tulen

alat pembangun redux

versi terakhir

Pakej projek dan jalankan

Panjangkan 1setState

Sambungan 2lazyLoad

Panjangkan 3stateHook

Panjangkan 4EffectHook

Panjangkan 5RefHook

Panjangkan 6Fragment

Panjangkan 7Konteks

Panjangkan 8PureComponent

Panjangkan 9renderProps

Panjangkan 10ErrorBoundary

Ringkasan kaedah komunikasi antara komponen