松山湖开发者村综合服务平台

React前端从入门到实战开发就业课程
共19课时
10
希望学习前端开发的朋友
张晨光
华为认证讲师,微软MVP,ORACLE认证专家,著有《Java编程讲义》,主要研究方向为J2EE、人工智能、大数据、数据库 、前端,曾经服务过中烟、中铝等上市国企IT部门,软件企业联合创始人,对软件研发管理、市场营销有自己独特思想体系!
课程概述

课程介绍

适合人群:

有一定react基础,且对全栈开发感兴趣的小伙伴。

你将会学到:

从零开始使用react,redux,node,express,mongoDB构建商城应用

课程简介:

特别说明:
本套课程使用的react-router-dom为V5版本,若使用最新的react-router-dom-V6会导致项目中一些依赖项无法兼容,建议学习的小伙伴安装react-router-dom-V5进行学习,以保证学习的同步性。
安装方式:npm i react-router-dom@5.2.0

适用人群

希望学习前端开发的朋友
课程目录
  • React基础
    49分8秒 2023-05-09  试读
  • 2
    React插值及渲染条件
    32分59秒 2023-05-09  试读
  • 3
    jsx语法
    31分58秒 2023-05-09  试读
  • 4
    React组件封装
    31分46秒 2023-05-09 
  • 5
    props状态提醒操作
    27分0秒 2023-05-09 
  • 6
    TodoList
    21分10秒 2023-05-09 
React进阶
  • 1
    useState和useEffect
    38分32秒 2023-05-09 
  • 2
    cNode案例
    13分39秒 2023-05-09 
  • 3
    状态提升及其props方法
    25分31秒 2023-05-09 
  • 4
    一个按钮组件的封装
    21分54秒 2023-05-09 
组件和封装
  • 1
    解决属性传值的类名问题
    6分18秒 2023-05-09 
  • 2
    步进器组件
    29分42秒 2023-05-09 
  • 3
    一个列表数据的展示案例
    12分37秒 2023-05-09 
  • 4
    路由基础及参数
    53分33秒 2023-05-09 
  • 5
    cNode案例实现
    32分22秒 2023-05-09 
  • 6
    私有路由操作
    25分12秒 2023-05-09 
  • 7
    小结
    16分15秒 2023-05-09 
路由
  • 1
    19_useRoutes
    15分1秒 2023-05-09 
  • 2
    20_嵌套路由配置及异步加载组件
    30分23秒 2023-05-09 
  • 3
    21_路由组件验证及是否登录判断的基本操作方法
    14分29秒 2023-05-09 
  • 4
    22_登录是路由变化
    21分13秒 2023-05-09 
  • 5
    23_antd引入及整体框架布局
    22分20秒 2023-05-09 
  • 6
    24_antd菜单组件封装
    6分11秒 2023-05-09 
  • 7
    25_antd路由配置
    10分30秒 2023-05-09 
  • 8
    26_antd登录操作
    23分18秒 2023-05-09 
  • 9
    27_登录中消息提示的问题解决
    4分16秒 2023-05-09 
  • 10
    28_antd+表格展示
    18分44秒 2023-05-09 
  • 11
    29_axios简单的封装及接口函数封装
    4分29秒 2023-05-09 
  • 12
    30_数据获取并渲染表格
    7分11秒 2023-05-09 
  • 13
    自定义hook
    6分3秒 2023-05-09 
  • 14
    message和modal的问题解决
    9分28秒 2023-05-09 
案例展示
  • 1
    and+表格展示
    18分44秒 2023-05-09 
  • 2
    删除功能实现
    22分6秒 2023-05-09 
  • 3
    编辑选手信息
    30分7秒 2023-05-09 
  • 4
    35_抽屉放置的问题导致生成多个抽屉解决
    14分20秒 2023-05-09 
  • 5
    36_useRef的用法
    8分7秒 2023-05-09 
  • 6
    筛选功能的实现
    29分34秒 2023-05-09 
  • 7
    菜单功能默认打开
    5分29秒 2023-05-09 
  • 8
    菜单功能默认打开
    5分29秒 2023-05-09 
  • 9
    折叠菜单的实现
    9分16秒 2023-05-09 
  • 10
    新增选手操作
    16分49秒 2023-05-09 
  • 11
    重置操作
    14分13秒 2023-05-09 
  • 12
    分页筛选操作
    17分26秒 2023-05-09 
  • 13
    useCallback useMemo memo
    46分53秒 2023-05-09 
  • 14
    useContext上下文
    19分43秒 2023-05-09 
  • 15
    useReducer
    21分41秒 2023-05-09 
  • 16
    用useContext和useReducer模型
    10分22秒 2023-05-09 
  • 17
    将token和用户信息存储到全局中
    11分31秒 2023-05-09 
项目实战
  • 1
    剧本列表渲染
    32分52秒 2023-05-09 
  • 2
    新增剧本操作
    34分56秒 2023-05-09 
  • 3
    上传操作
    25分49秒 2023-05-09 
  • 4
    Select多选格式化选中的值
    5分18秒 2023-05-09 
  • 5
    筛选及分页实现
    22分19秒 2023-05-09 
  • 6
    筛选中的bug解决
    14分35秒 2023-05-09 
  • 7
    时间段选择
    35分36秒 2023-05-09 
  • 8
    timeslot接口
    43秒 2023-05-09 
  • 9
    不同请求的timeslot封装
    3分54秒 2023-05-09 
项目二
  • 1
    React类组件
    45分34秒 2023-05-09 
  • 2
    React生命周期
    25分19秒 2023-05-09 
  • 3
    HOC高阶组件
    26分24秒 2023-05-09 
  • 4
    自定义hook操作
    23分56秒 2023-05-09 
  • 5
    第三方hook
    21分50秒 2023-05-09 
  • 6
    Redux的基础用法
    52分52秒 2023-05-09 
  • 7
    redux利用toolkit异步操作
    19分32秒 2023-05-09 
  • 8
    利用redux完成todolist的功能
    39分49秒 2023-05-09 
  • 9
    Todos配合接口实现
    32分55秒 2023-05-09 
  • 10
    Todos 添加操作
    10分40秒 2023-05-09 
  • 11
    Todos 修改状态和删除操作
    12分21秒 2023-05-09