1-1 Pengenalan kepada React

1-2 React kes kecil

1-3 Dua cara untuk mencipta Dom maya

1-4 DOM maya dan DOM sebenar

1-5 peraturan sintaks jsx

1-6 jsx latihan kecil

2-1 Pemasangan alat pembangun

2-2 Komponen dan Modul

2-3 Komponen berfungsi

2-4 Semak pengetahuan berkaitan

2-5 komponen kelas

3-1 pemahaman negara

3-2 Mulakan keadaan

3-3 Peristiwa mengikat dalam tindak balas

3-4 ini dalam kaedah di dalam kelas

3-5 Selesaikan masalah penunjuk ini di dalam kelas

3-6 Penggunaan setState

3-7 singkatan untuk negeri

3-8 meringkaskan negeri

4-1 Penggunaan asas prop

4-2 Pas props dalam kelompok

4-3 Hadkan prop

4-4 singkatan untuk props

4-5 Pembina dan prop dalam komponen kelas

4-6 Komponen berfungsi menggunakan prop

4-7 prop ringkasan

5-1 ref dalam bentuk rentetan

5-2 ref dalam bentuk panggil balik

5-3 Masalah dengan bilangan panggilan dalam rujukan balik

5-4 Penggunaan createRef

5-5 summaryref

6-1 pengendalian acara

6-2 komponen yang tidak terkawal

6-3 komponen terkawal

6-4 Fungsi peringkat tinggi dan fungsi kari

6-5 Menulis tanpa kari

7-1 Memimpin kitaran hayat

7-2 Kitaran hayat (lama)_proses pemasangan komponen

7-3 Kitaran hayat (lama)_setState proses

7-4 Proses kitaran hayat (lama)_forceUpdate

7-5 Proses pemaparan komponen induk

7-6 Ringkasan kitaran hayat (lama)

8-1 Bandingkan kitaran hidup lama dan baru

8-2 getDerivedStateFromProps

8-3 getSnapshotBeforeUpdate

8-4 10 kes getSnapshotBeforeUpdate

8-5 Ringkasan kitaran hayat (baharu)

8-6 Algoritma pembezaan DOM

9-1 Mulakan perancah tindak balas

9-2 Introduction_public fail perancah

9-3 Pengenalan fail perancah_src

9-4 Komponen Hello yang mudah

9-5 Modulariti gaya

9-6 Kekunci pintasan dalam WebStorm

9-7 Proses pengekodan komponen

10-1 TodoList case_static komponen

10-2 Senarai permulaan dinamik

10-3 tambah todo

10-4 Kesan pergerakan tetikus

10-5 Semak dan nyahtanda

10-6 Hadkan prop

10-7 Padamkan tugasan

10-8 Melaksanakan fungsi bawah

10-9 Ringkasan kes TodoList

11-1 Ejen konfigurasi perancah 1

11-2 Ejen konfigurasi perancah 2

11-3 komponen carian filem Douban case_static

11-4 Permintaan penghantaran kes_axios carian filem Douban

11-5 Data kes_paparan carian filem Douban

11-6 Kes carian filem Douban_kes selesai

11-7 Langganan case_message carian filem Douban dan penerbitan_pubsub

11-8 Permintaan penghantaran case_fetch carian filem Douban

11-9 Ringkasan kes carian filem Douban

12-1 Memahami aplikasi SPA

12-2 Pemahaman tentang penghalaan

12-3 Prinsip penghalaan bahagian hadapan

12-4 Penggunaan asas penghalaan

12-5 Komponen penghalaan dan komponen am

12-6 Penggunaan NavLink

12-7 Merangkum komponen NavLink

12-8 Penggunaan Suis

12-9 Selesaikan masalah kehilangan gaya

12-10 Padanan kabur dan padanan ketat laluan

12-11 Penggunaan Redirect

12-12 Penghalaan bersarang

12-13 Lulus parameter params kepada komponen penghalaan

12-14 Lulus parameter carian kepada komponen penghalaan

12-15 Hantar parameter keadaan kepada komponen penghalaan

12-16 Parameter penghalaan ringkasan

12-17 menolak dan membalas

12-18 Navigasi laluan terprogram

12-19 Penggunaan withRouter

12-20 BrowserRouter与HashRouter

13-1 Penggunaan asas antd

13-2 Pengenalan atas permintaan gaya antd

13-3 tema tersuai dan lain-lain

14-1 Pengenalan kepada redux

14-2 aliran kerja redux

14-3 Menjumlahkan case_Versi tindak balas tulen

14-4 Menjumlahkan case_redux versi diperkemas

14-5 Menjumlahkan case_redux versi penuh

14-6 Menjumlahkan versi tindakan case_asynchronous

14-7 Pemahaman tentang react-redux

14-8 Sambungkan komponen kontena dan komponen UI

14-9 Penggunaan asas react-redux

14-10 Pengoptimuman 1_Peta singkatanDispatch

14-11 Optimumkan penggunaan komponen 2_Provider

14-12 Pengoptimuman 3_Sepadukan komponen UI dan komponen bekas

14-13 Perkongsian Data_Komponen Orang Penulisan

14-14 Perkongsian Data_Menulis pengurang komponen Orang

14-15 Perkongsian data_Perkongsian data lengkap

14-16 fungsi tulen

14-17 alat pembangun redux

14-18 versi terakhir

14-19 Pakej projek dan jalankan

15-1 Sambungan 1_setState

15-2 Sambungan 2_lazyLoad

15-3 Sambungan 3_stateHook

15-4 Sambungan 4_EffectHook

15-5 Sambungan 5_RefHook

15-6 Sambungan 6_Fragment

15-7 Sambungan 7_Konteks

15-8 Sambungan 8_PureComponent

15-9 Sambungan 9_renderProps

15-10 Sambungan 10_ErrorBoundary

15-11 Ringkasan kaedah komunikasi antara komponen