- 001_react簡介
- 002_hello_react案例
- 003_虛擬DOM的兩種創(chuàng)建方式
- 004_虛擬DOM與真實DOM
- 005_jsx語法規(guī)則
- 006_jsx小練習(xí)
- 007_組件與模塊
- 008_開發(fā)者工具的安裝
- 009_函數(shù)式組件
- 010_復(fù)習(xí)類相關(guān)知識
- 011_類式組件
- 012_對state的理解
- 013_初始化state
- 014_react中的事件綁定
- 015_類中方法中的this
- 016_解決類中this指向問題
- 017_setState的使用
- 018_state的簡寫方式
- 019_總結(jié)state
- 020_props的基本使用
- 021_批量傳遞props
- 022_對props進(jìn)行限制
- 023_props的簡寫方式
- 024_類式組件中的構(gòu)造器與props
- 025_函數(shù)式組件使用props
- 026_總結(jié)props
- 027_字符串形式的ref
- 028_回調(diào)形式的ref
- 029_回調(diào)ref中調(diào)用次數(shù)的問題
- 030_createRef的使用
- 031_總結(jié)ref
- 032_react中的事件處理
- 033_非受控組件
- 034_受控組件
- 035_高階函數(shù)_函數(shù)柯里化
- 036_不用柯里化的寫法
- 037_引出生命周期
- 038_生命周期(舊)_組件掛載流程
- 039_生命周期(舊)_setState流程
- 040_生命周期(舊)_forceUpdate流程
- 041_生命周期(舊)_父組件render流程
- 042_總結(jié)生命周期(舊)
- 043_對比新舊生命周期
- 044_getDerivedStateFromProps
- 045_getSnapshotBeforeUpdate
- 046_getSnapshotBeforeUpdate舉例
- 047_總結(jié)生命周期(新)
- 048_DOM的diffing算法
- 049_初始化react腳手架
- 050_腳手架文件介紹_public
- 051_腳手架文件介紹_src
- 052_一個簡單的Hello組件
- 053_樣式的模塊化
- 054_vscode中react插件的安裝
- 055_尚硅谷_react教程_組件化編碼流程
- 056_尚硅谷_react教程_TodoList案例_靜態(tài)組件
- 057_尚硅谷_react教程_TodoList案例_動態(tài)初始化列表
- 058_尚硅谷_react教程_TodoList案例_添加todo
- 059_尚硅谷_react教程_TodoList案例_鼠標(biāo)移入效果
- 060_尚硅谷_react教程_TodoList案例_添加一個todo
- 061_尚硅谷_react教程_TodoList案例_對props進(jìn)行限制
- 062_尚硅谷_react教程_TodoList案例_刪除一個todo
- 063_尚硅谷_react教程_TodoList案例_實現(xiàn)底部功能
- 064_尚硅谷_react教程_TodoList案例_總結(jié)TodoList案例
- 065_尚硅谷_react教程_腳手架配置代理_方法1
- 066_尚硅谷_react教程_腳手架配置代理_方法2
- 067_尚硅谷_react教程_github搜索案例_靜態(tài)組件
- 068_尚硅谷_react教程_github搜索案例_axios發(fā)送請求
- 069_尚硅谷_react教程_github搜索案例_展示數(shù)據(jù)
- 070_尚硅谷_react教程_github搜索案例_完成案例
- 071_尚硅谷_react教程_消息訂閱與發(fā)布技_pubsub
- 072_尚硅谷_react教程_fetch發(fā)送請求
- 073_尚硅谷_react教程_總結(jié)github搜索案例
- 074_尚硅谷_react教程_對SPA應(yīng)用的理解
- 075_尚硅谷_react教程_對路由的理解
- 076_尚硅谷_react教程_前端路由原理
- 077_尚硅谷_react教程_路由的基本使用
- 078_尚硅谷_react教程_路由組件與一般組件
- 079_尚硅谷_react教程_NavLink的使用
- 080_尚硅谷_react教程_封裝NavLink組件
- 081_尚硅谷_react教程_Switch的使用
- 082_尚硅谷_react教程_解決樣式丟失問題
- 083_尚硅谷_react教程_路由的模糊匹配與嚴(yán)格匹配
- 084_尚硅谷_react教程_Redirect的使用
- 085_尚硅谷_react教程_嵌套路由
- 086_尚硅谷_react教程_向路由組件傳遞params參數(shù)
- 087_尚硅谷_react教程_向路由組件傳遞search參數(shù)
- 088_尚硅谷_react教程_向路由組件傳遞state參數(shù)
- 089_尚硅谷_react教程_總結(jié)路由參數(shù)
- 090_尚硅谷_react教程_push與repalce
- 091_尚硅谷_react教程_編程式路由導(dǎo)航
- 092_尚硅谷_react教程_withRouter的使用
- 093_尚硅谷_react教程_BrowserRouter與HashRouter
- 094_尚硅谷_react教程_antd的基本使用
- 095_尚硅谷_react教程_antd樣式的按需引入
- 096_尚硅谷_react教程_antd自定義主題
- 097_尚硅谷_react教程_redux簡介
- 098_尚硅谷_react教程_redux工作流程
- 099_尚硅谷_react教程_求和案例_純react版
- 100_尚硅谷_react教程_求和案例_redux精簡版
- 101_尚硅谷_react教程_求和案例_redux完整版
- 102_尚硅谷_react教程_求和案例_異步action版
- 103_尚硅谷_react教程_對react-redux的理解
- 104_尚硅谷_react教程_連接容器組件與UI組件
- 105_尚硅谷_react教程_react-redux基本使用
- 106_尚硅谷_react教程_優(yōu)化1_簡寫mapDispatch
- 107_尚硅谷_react教程_優(yōu)化2_Provider組件的使用
- 108_尚硅谷_react教程_優(yōu)化3_整合UI組件與容器組件
- 109_尚硅谷_react教程_數(shù)據(jù)共享_編寫Person組件
- 110_尚硅谷_react教程_數(shù)據(jù)共享_編寫Person組件的reducer
- 111_尚硅谷_react教程_數(shù)據(jù)共享_完成數(shù)據(jù)共享
- 112_尚硅谷_react教程_純函數(shù)
- 113_尚硅谷_react教程_redux開發(fā)者工具
- 114_尚硅谷_react教程_最終版
- 115_尚硅谷_react教程_項目打包運行
- 116_尚硅谷_react教程_擴(kuò)展1_setState
- 117_尚硅谷_react教程_擴(kuò)展2_lazyLoad
- 118_尚硅谷_react教程_擴(kuò)展3_stateHook
- 119_尚硅谷_react教程_擴(kuò)展4_EffectHook
- 120_尚硅谷_react教程_擴(kuò)展5_RefHook
- 121_尚硅谷_react教程_擴(kuò)展6_Fragment
- 122_尚硅谷_react教程_擴(kuò)展7_Context
- 123_尚硅谷_react教程_擴(kuò)展8_PureComponent
- 124_尚硅谷_react教程_擴(kuò)展9_renderProps
- 125_尚硅谷_react教程_擴(kuò)展10_ErrorBoundary
- 126_尚硅谷_react教程_組件間通信方式總結(jié)
- 127_課程說明
- 128_一級路由
- 129_重定向
- 130_NavLink高亮
- 131_useRoutes路由表
- 132_嵌套路由
- 133_路由的params參數(shù)
- 134_路由的search參數(shù)
- 135_路由的state參數(shù)
- 136_編程式路由導(dǎo)航
- 137_useInRouterContext
- 138_useNavigationType
- 139_useOutlet
- 140_useOutletuseResolvedPath
- 141_總結(jié)
本套視頻是尚硅谷前端學(xué)科推出的完整大型電商平臺的前端項目視頻:“React全棧SPA項目”,依托某大型企業(yè)級電商網(wǎng)站,使用React全家桶+AntD框架實現(xiàn)電商的后臺管理系統(tǒng)。 如果你認(rèn)為該視頻只是在講解一個后臺項目,你可能對它還有所誤會! 業(yè)務(wù)功能模塊: 用戶登陸、商品分類管理、商品管理、角色管理、用戶管理、菜單權(quán)限控制、訂單管理等
課程簡介:
該課程主要是學(xué)習(xí)React 的基礎(chǔ)入門知識,介紹了React的基礎(chǔ)知識點,并且在最后制作完成一個簡單的 tab 組件,應(yīng)用介紹的各個知識點。
在線開發(fā)環(huán)境:
和其他課程一樣,該課程也有在線開發(fā)環(huán)境,你不必自己本地搭建React開發(fā)環(huán)境,只要上實驗樓,打開瀏覽器即可在線動手學(xué)習(xí)該課程。
