Pengenalan kepada React

React kes kecil

Dua cara untuk mencipta Dom maya

DOM maya dan DOM sebenar

peraturan sintaks jsx

jsx latihan kecil

Pemasangan alat pembangun

Komponen dan Modul

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

komponen yang tidak terkawal

komponen terkawal

Fungsi peringkat tinggi dan fungsi kari

Menulis tanpa kari

Memimpin kitaran hayat

Kitaran hayat (lama)_proses pemasangan komponen

Kitaran hayat (lama)_setState proses

Proses kitaran hayat (lama)_forceUpdate

Proses pemaparan komponen induk

Ringkasan kitaran hayat (lama)

Bandingkan kitaran hidup lama dan baru

getDerivedStateFromProps

getSnapshotBeforeUpdate

10 kes getSnapshotBeforeUpdate

Ringkasan kitaran hayat (baharu)

Algoritma pembezaan DOM

Mulakan perancah tindak balas

Introduction_public fail perancah

Pengenalan fail perancah_src

Komponen Hello yang mudah

Modulariti gaya

Kekunci pintasan dalam WebStorm

Proses pengekodan komponen

TodoList case_static komponen

Senarai permulaan dinamik

tambah todo

Kesan pergerakan tetikus

Semak dan nyahtanda

Hadkan prop

Padamkan tugasan

Melaksanakan fungsi bawah

Ringkasan kes TodoList

Ejen konfigurasi perancah 1

Ejen konfigurasi perancah 2

komponen carian filem Douban case_static

Permintaan penghantaran kes_axios carian filem Douban

Data kes_paparan carian filem Douban

Kes carian filem Douban_kes selesai

Langganan case_message carian filem Douban dan penerbitan_pubsub

Permintaan penghantaran case_fetch carian filem Douban

Ringkasan kes carian filem Douban

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 dan lain-lain

Pengenalan kepada redux

aliran kerja redux

Menjumlahkan case_Versi tindak balas tulen

Menjumlahkan case_redux versi diperkemas

Menjumlahkan case_redux versi penuh

Menjumlahkan versi tindakan case_asynchronous

Pemahaman tentang react-redux

Sambungkan komponen kontena dan komponen UI

Penggunaan asas react-redux

Pengoptimuman 1_Peta singkatanDispatch

Optimumkan penggunaan komponen 2_Provider

Pengoptimuman 3_Sepadukan komponen UI dan komponen bekas

Perkongsian Data_Komponen Orang Penulisan

Perkongsian Data_Menulis pengurang komponen Orang

Perkongsian data_Perkongsian data lengkap

fungsi tulen

alat pembangun redux

versi terakhir

Pakej projek dan jalankan

Sambungan 1_setState

Sambungan 2_lazyLoad

Sambungan 3_stateHook

Sambungan 4_EffectHook

Sambungan 5_RefHook

Sambungan 6_Fragment

Sambungan 7_Konteks

Sambungan 8_PureComponent

Sambungan 9_renderProps

Sambungan 10_ErrorBoundary

Ringkasan kaedah komunikasi antara komponen