本套视频是尚硅谷前端学科推出的完整大型电商平台的前端项目视频：“React全栈SPA项目”，依托某大型企业级电商网-
站，使用React全家桶+AntD框架实现电商的后台管理系统。
如果你认为该视频只是在讲解一个后台项目，你可能对它还有所误会!
1、世面上少有的实现前后端分离的后台管理系统
2、玩转React和AntD，完美解决后台数据管理问题)
3、直击最新最难技术点，使用React-Router最新4.0路由
4、让你的编程思维和项目实操能力得到双重提升，助你一路进阶
5、可基于此后台系统项目所学，开发更多其他项目，提高你驾驭项目的能力！
本项目涉及到的主要业务、模块、技术如下：' w7 }" t# C9 X3 @ e
1.业务功能模块: 用户登陆、商品分类管理、商品管理、角色管理、用户管理、菜单权限控制、订单管理等
2.前端技术: React + React Router4 + Redux + Antd + Axios + ES6/ES8 + webpack + ECharts/Bizcharts等
3.后端技术: NodeJS + Express + MongoDB + Mongoose + Multer等
4.项目开发模式: 模块化、组件化、工程化的开发模式0 O5 Z2 p0 N. n8 Y
5.深入源码: 自定义Redux库, 自定义React-Redux库
* R! ~* X0 h) S( D& c2 a
〖课程目录〗:
01_尚硅谷_React全栈项目_最终版项目_启动和功能说明.avi
02_尚硅谷_React全栈项目_开发准备_项目描述.avi
03_尚硅谷_React全栈项目_开发准备_技术选型.avi
04_尚硅谷_React全栈项目_开发准备_API接口.avi
05_尚硅谷_React全栈项目_开发准备_其它.avi0 ]9 g* i7 F- N7 p# O `' ]# f* ?
06_尚硅谷_React全栈项目_使用脚手架创建项目并运行.avi
07_尚硅谷_React全栈项目_使用git管理项目.avi5 c; J. D4 @2 j6 b8 l: p" a, f
08_尚硅谷_React全栈项目_项目源码基本目录设计.avi
9_尚硅谷_React全栈项目_引入antd.avi! E1 m& B" I6 _# d; a
10_尚硅谷_React全栈项目_引入路由.avi
11_尚硅谷_React全栈项目_Login组件_布局.avi9 D# ~( I5 q! G: i: A& v
12_尚硅谷_React全栈项目_Login组件_Form表单.avi- A5 O0 K3 F9 f1 ]5 T2 n& _+ F4 Z
13_尚硅谷_React全栈项目_Login组件_收集表单数据.avi8 J9 D' g ]7 B' g) a4 ?
14_尚硅谷_React全栈项目_高阶函数与高阶组件.avi5 @8 }2 ]. }2 b# Y# L
15_尚硅谷_React全栈项目_Login组件_Form的声明式验证.avi- j4 [; i G9 E2 y. s
16_尚硅谷_React全栈项目_Login组件_Form的自定义验证.avi
17_尚硅谷_React全栈项目_Login组件_Form的统一验证.avi
18_尚硅谷_React全栈项目_复习&总结.avi
19_尚硅谷_React全栈项目_启动后台应用&使用postman测试接口.avi
20_尚硅谷_React全栈项目_封装axios定义ajax请求函数模块.avi4 j2 d2 H! \4 k" R3 m
21_尚硅谷_React全栈项目_根据接口文档定义接口请求函数模块.avi
22_尚硅谷_React全栈项目_配置代{过}{滤}理解决ajax请求跨域问题.avi% Y0 j: m/ c0 b
23_尚硅谷_React全栈项目_使用async和await简化promise的使用.avi
24_尚硅谷_React全栈项目_优化ajax请求函数模块_统一处理请求异常.avi r5 G0 x6 w' L* o; H6 I, b: i1 R. A t
25_尚硅谷_React全栈项目_实现简单的登陆请求功能.avi/ v! }! R! j4 b3 o n. G
26_尚硅谷_React全栈项目_优化登陆功能_内存中保存user.avi! R; o6 x( ^; K3 Q; K; D
27_尚硅谷_React全栈项目_维持登陆与自动登陆.avi
28_尚硅谷_React全栈项目_Admin组件_搭建整体界面结构.avi/ m; C( V9 C+ N3 V" J4 ~
29_尚硅谷_React全栈项目_LeftNav组件_静态界面.avi
30_尚硅谷_React全栈项目_Admin的二级子路由.avi, ?& w3 O* a" R
31_尚硅谷_React全栈项目_通过左侧菜单跳转路由.avi
32_尚硅谷_React全栈项目_动态显示菜单列表_map()和递归.avi3 r5 B; u: }% i9 y# c
33_尚硅谷_React全栈项目_动态显示菜单列表_reduce()和递归.avi
34_尚硅谷_React全栈项目_LeftNav组件_自动选中当前菜单项.avi
35_尚硅谷_React全栈项目_LeftNav组件_自动打开当前子列表.avi( v/ P9 R6 ~$ ~6 h
36_尚硅谷_React全栈项目_复习&总结.avi" k; b- I8 `: Y+ Z* R! I6 T
37_尚硅谷_React全栈项目_Header组件_静态界面.avi) d f3 Z6 L0 J5 n5 y% K# F
38_尚硅谷_React全栈项目_定义jsonp请求的接口请求函数.avi
39_尚硅谷_React全栈项目_jsonp解决ajax跨域的原理.avi) R3 q9 r6 g% X9 E
40_尚硅谷_React全栈项目_动态显示当前时间和天气.avi
41_尚硅谷_React全栈项目_动态显示当前标题.avi
42_尚硅谷_React全栈项目_退出登陆功能.avi
43_尚硅谷_React全栈项目_LinkButton组件.avi4 [7 q! {5 C' r' ^0 S7 u* J% r
44_尚硅谷_React全栈项目_复习&总结.avi3 m& P3 U$ E$ ~9 |! }- ]* h/ [) l9 ~
45_尚硅谷_React全栈项目_Home组件_简单界面.avi% m) p4 Q& X, _' S+ \
46_尚硅谷_React全栈项目_Category组件_静态界面.avi
47_尚硅谷_React全栈项目_Category组件_接口请求函数.avi
48_尚硅谷_React全栈项目_Category组件_异步显示一级分类列表.avi
49_尚硅谷_React全栈项目_Category组件_异步显示二级分类列表.avi
50_尚硅谷_React全栈项目_Category组件_完善列表显示.avi, m5 k- H9 P6 J
51_尚硅谷_React全栈项目_Category组件_显示隐藏添加或更新的界面.avi# w8 h# A9 y+ O" u; ?
52_尚硅谷_React全栈项目_Category组件_添加和更新的静态界面.avi. r- }, e: ?2 B3 f$ U# d0 |
53_尚硅谷_React全栈项目_Category组件_更新分类.avi
54_尚硅谷_React全栈项目_复习&总结.avi
55_尚硅谷_React全栈项目_Category组件_添加分类1.avi: y1 ?( x# {: Q" L6 X$ K. B N
56_尚硅谷_React全栈项目_Category组件_添加分类2.avi& p- G/ L$ e6 | H
57_尚硅谷_React全栈项目_Category组件_表单验证.avi$ Q/ e# {% z) l: A9 T9 J Z( t
58_尚硅谷_React全栈项目_搭建商品的整体路由.avi/ e+ M* U: W5 m8 k
59_尚硅谷_React全栈项目_productHome组件_静态界面.avi3 T, \4 a2 ?( C4 @
60_尚硅谷_React全栈项目_ProductHome组件_2种类型的分页技术.avi
61_尚硅谷_React全栈项目_ProductHome组件_异步分页列表.avi' Z W/ d, S4 p) z) n! M/ Q
62_尚硅谷_React全栈项目_ProductHome组件_搜索分页.avi, n( m4 p$ F0 D$ H8 Z4 d# M
63_尚硅谷_React全栈项目_ProductDetial组件_静态界面.avi
64_尚硅谷_React全栈项目_ProductDetial组件_动态显示商品信息.avi9 E! Q& n$ O& q2 L6 ?
65_尚硅谷_React全栈项目_ProduectDetail组件_异步显示分类名称.avi1 C a3 Z& G1 G# }7 k6 W7 v
66_尚硅谷_React全栈项目_ProductHome组件_更新商品状态.avi
67_尚硅谷_React全栈项目_复习&总结.avi# H' D: \! ~1 D/ T! j+ f3 g- _3 P
68_尚硅谷_React全栈项目_LeftNav组件_解决不选中和不展开的bug.avi' s. U$ S% ~- h3 \; f4 h* t2 H% j
69_尚硅谷_React全栈项目_ProductAddUpdate组件_静态界面(部分).avi! w2 K% [/ K* o5 U
70_尚硅谷_React全栈项目_ProductAddUpdate组件_表单验证.avi3 z+ j2 n: L C& a% B- @( @
71_尚硅谷_React全栈项目_ProductAddUpdate组件_商品分类界面.avi/ |8 p3 c5 D$ M- o# l- w6 j
72_尚硅谷_React全栈项目_ProductAddUpdate组件_级联显示一级列表.avi N+ I$ @ k F9 j/ {
73_尚硅谷_React全栈项目_ProductAddUpdate组件_级联显示二级列表.avi
74_尚硅谷_React全栈项目_ProductAddUpdate组件_显示默认分类1.avi8 s3 Z" ~* k2 B1 G1 u
75_尚硅谷_React全栈项目_ProductAddUpdate组件_显示默认分类2.avi: \ h4 j9 |( t/ V$ ?
76_尚硅谷_React全栈项目_PicturesWall组件_图片上传分析.avi
77_尚硅谷_React全栈项目_PicturesWall组件_上传图片.avi
78_尚硅谷_React全栈项目_PicturesWall组件_读取上传图片数据.avi
79_尚硅谷_React全栈项目_PicturesWall组件_删除图片.avi
80_尚硅谷_React全栈项目_PicturesWall组件_显示更新商品的图片.avi
81_尚硅谷_React全栈项目_复习&总结.avi1 M( Y. _. L5 W6 p I2 g
82_尚硅谷_React全栈项目_RichTextEditor组件_编辑富文本.avi
83_尚硅谷_React全栈项目_RichTextEditor组件_添加本地图片.avi
84_尚硅谷_React全栈项目_AddUpdateProduct组件_添加&更新商品.avi
85_尚硅谷_React全栈项目_角色和用户分析.avi
86_尚硅谷_React全栈项目_Role组件_静态界面.avi
87_尚硅谷_React全栈项目_Role组件_动态显示角色列表.avi
88_尚硅谷_React全栈项目_Role组件_显示添加的界面.avi6 J+ m% T% A' {' ~% ?' n
89_尚硅谷_React全栈项目_Role组件_添加角色.avi
90_尚硅谷_React全栈项目_Role组件_显示设置权限界面.avi7 i/ A8 f% P h) f8 D. k
91_尚硅谷_React全栈项目_Role组件_设置角色权限.avi+ N F! _* J+ u+ n6 b, A3 L
92_尚硅谷_React全栈项目_Role组件_解决权限列表显示的bug.avi
93_尚硅谷_React全栈项目_复习&总结.avi
94_尚硅谷_React全栈项目_setState()的使用.avi$ M- L( e6 q" w6 }
95_尚硅谷_React全栈项目_setState()的异步与同步.avi3 \* J7 P; d4 o
96_尚硅谷_React全栈项目_setState()多次调用的问题.avi
97_尚硅谷_React全栈项目_setState()面试题.avi
98_尚硅谷_React全栈项目_shouldComponentUpdate的使用.avi
99_尚硅谷_React全栈项目_PureComponent的使用和原理.avi
100_尚硅谷_React全栈项目_User组件_用户分页列表.avi
101_尚硅谷_React全栈项目_User组件_删除用户.avi
102_尚硅谷_React全栈项目_User组件_添加的静态界面.avi
103_尚硅谷_React全栈项目_User组件_添加用户.avi
104_尚硅谷_React全栈项目_User组件_更新用户.avi/ S' D! @ z0 i* }& k4 c. y
105_尚硅谷_React全栈项目_菜单权限管理.avi3 q8 j5 l5 h4 b& }, _* H! U
106_尚硅谷_React全栈项目_复习&总结.avi
107_尚硅谷_React全栈项目_解决2个功能bug.avi6 C0 t. G, h3 K1 T, O1 u
108_尚硅谷_React全栈项目_将dev分支合并到master分支.avi
109_尚硅谷_React全栈项目_redux理解.avi
110_尚硅谷_React全栈项目_counter应用_react版本.avi- z4 c! t9 o( I3 j) \ K0 t
111_尚硅谷_React全栈项目_counter应用_redux版本.avi
112_尚硅谷_React全栈项目_redux流程图.avi. ^, n7 ]# {; k5 s, X M9 i
113_尚硅谷_React全栈项目_react-redux使用.avi
114_尚硅谷_React全栈项目_复习&总结.avi! b. |0 p$ h( ]" G8 }$ H5 S" K2 |
115_尚硅谷_React全栈项目_connect函数使用.avi
116_尚硅谷_React全栈项目_使用redux-thunk实现异步redux.avi
117_尚硅谷_React全栈项目_使用redux调试工具.avi
118_尚硅谷_React全栈项目_使用combineReducers整合多个reducer.avi$ |- }% n+ W/ j1 T
119_尚硅谷_React全栈项目_搭建redux环境.avi& Z/ s/ o, v z
120_尚硅谷_React全栈项目_使用redux管理头部标题.avi0 b! M# l; I# n3 I
121_尚硅谷_React全栈项目_使用redux管理用户数据1.avi9 A7 V- I! O- m6 m
122_尚硅谷_React全栈项目_使用redux管理用户数据2.avi
123_尚硅谷_React全栈项目_自定义redux_语法功能分析.avi
124_尚硅谷_React全栈项目_自定义redux_整体结构.avi# v7 H# l( f7 K0 e
125_尚硅谷_React全栈项目_自定义redux_实现createStore函数.avi8 C! K. F3 {3 W* C# ]: o3 n2 w
126_尚硅谷_React全栈项目_自定义redux_实现combineReducers函数.avi
127_尚硅谷_React全栈项目_自定义react-redux_语法功能分析.avi$ o% h8 q* x( K- V1 R& K! Q3 d
128_尚硅谷_React全栈项目_自定义react-redux_context的理解和使用.avi
129_尚硅谷_React全栈项目_自定义react-redux_整体结构.avi
130_尚硅谷_React全栈项目_自定义react-redux_Provider组件类.avi _# c# ]; N1 a2 q
131_尚硅谷_React全栈项目_自定义react-redux_connect函数.avi
132_尚硅谷_React全栈项目_自定义react-redux_connect函数2.avi* V% `$ H( h9 B! ~8 P5 @$ n
133_尚硅谷_React全栈项目_复习&总结.avi
134_尚硅谷_React全栈项目_数据可视化相关库说明.avi, }5 V" H- V. t: N" P
135_尚硅谷_React全栈项目_echarts_柱状图.avi! W- t9 O+ h- c$ w! V
136_尚硅谷_React全栈项目使用bizCharts实现首页.avi
137_尚硅谷_React全栈项目_前台404组件界面.avi8 k7 a) o( P; R0 Y% p9 r/ H
138_尚硅谷_React全栈项目_使用HashRouter_并解决2个bug.avi
139_尚硅谷_React全栈项目_生产环境打包项目运行_无跨域.avi& n) u9 i8 Y, {' k* H Y j% v
140_尚硅谷_React全栈项目_生产环境打包项目运行_有跨域_使用nginx.avi
141_尚硅谷_React全栈项目_解决BrowserRouter生产环境404的问题.avi
