课程简介
本课程系统讲解React技术栈核心知识，涵盖React基础语法、组件开发、生命周期、路由配置、状态管理等关键技术点。通过Todolist练习和无人点餐系统项目实战，帮助学员掌握React实际开发能力。课程详细讲解JSX语法、事件处理、表单操作、组件通信、React Router 4.x路由管理以及Ant Design UI框架集成。学员将学会使用axios、fetch-p进行数据交互，理解React生态圈常用工具和最佳实践，具备独立开发React应用的能力。
下载地址课程目录
01 React环境搭建
第1节：React介绍、yarn npx、脚手架创建项目与环境运行。
02 组件与数据绑定
第2-3节：目录结构、组件创建、JSX语法、属性绑定与数据循环。
03 事件处理
第4-5节：事件方法定义、数据操作、键盘表单事件与双向绑定。
04 表单详解
第6节：约束性与非约束性组件、各类表单元素及内容获取。
05 Todolist练习
第7-9节：Todolist实现、模块化封装与数据持久化存储。
06 组件通信
第10-11节：父子组件传值、props校验与默认属性设置。
07 数据获取
第12节：axios与fetch-jsonp插件使用获取服务器数据。
08 生命周期
第13节：React生命周期函数详解与应用。
09 路由基础
第14-15节：react-router4.x配置、动态路由与传值。
10 路由进阶
第16-20节：路由模块化、嵌套路由、JS跳转与组件传值。
11 项目实战
第16-17节：无人点餐系统案例、路由配置与数据渲染。
12 UI框架
第21-22节：Ant Design使用、组件按需加载与配置。
--- 点击展开详细目录 ---01 React的介绍、yarn npx、用React脚手架create-react-app搭建React环境 运行React项目（22分13秒）
前端的几个招聘信息
02 React目录结构分析 、创建组件、 JSX语法、 绑定数据 绑定对象（25分5秒）
- 🎬 【视频】React目录结构分析 、创建组件、 JSX语法 绑定数据.avi
03 React 创建组件、绑定属性( 绑定class 绑定style)、引入图片 循环数组渲染数据（32分29秒）
- 🎬 【视频】绑定数据 绑定属性 引入图片 循环数据 .avi
04 React事件 方法、 React定义方法的几种方式 获取数据 改变数据 执行方法传值（13分33秒）
05 React 键盘事件 表单事件 事件对象以及React中的ref获取dom节点 、React实现类似Vue的双向数据绑定（35分8秒）
- 🎬 【视频】表单事件 ref 双休数据绑定.avi
06 React表单详解 约束性和非约束性组件 input text checkbox radio select textarea 以及获取表单的内容(36分33秒)
07 React实现Todolist练习 （上）（15分21秒）
- 🎬 【视频】React实现Todolist练习.avi
08 React实现Todolist练习 Todolist 待办事项 已经完成 （中）（22分8秒）
- 🎬 【视频】Todolist 待办事项 已经完成 和进行中.avi
09 React的模块化以及封装Storage实现todolist 待办事项 已经完成事项 以及实现数据持久化（下）（13分10秒）
- 🎬 Storage实现todolist 待办事项 已经完成 和进行中持久化.avi
10 React中的组件、父子组件、React props父组件给子组件传值、子组件给父组件传值、父组件中通过refs获取子组件属性和方法(34分3秒)
11 React propTypes defaultProps （11分15秒）
- 🎬 【视频】React propTypes defaultProps.avi
12 React 获取服务器数据 axios插件 fetch-jsonp插件的使用（26分15秒）
- 🎬 【视频】axios插件 fetch-jsonp插件的使用.avi
13 React 生命周期函数（26分48秒）
14 React路由 react-router4.x的基本配置（19分54秒）
- 🎬 【视频】react-router 4.x的基本配置.avi
15 React路由 react-router4.x 动态路由以及get传值 React中使用url模块（25分40秒）
- 🎬 【视频】react-router4.x 动态路由以及get传值.avi
16 React【无人点餐无人收银系统案例】路由配置、菜品列表制作、请求数据渲染二维数组、 动态路由传值【基础项目】（31分8秒）
static_project
css
images
- 🎬 【视频】React路由配置 菜品列表二维数组渲染 跳转详情传值.avi
17 React【无人点餐无人收银系统案例】菜品详情请求api渲染数据 以及解析Html【基础项目】（16分11秒）
static_project
css
images
- 🎬 【视频】菜品详情请求api渲染数据 以及解析Html.avi
18 React 渲染数据注意事项、以及react-router4.x中使用js跳转路由（24分41秒）
- 🎬 【视频】react-router4.x中使用js跳转路由.avi
19 React react-router4.x路由的嵌套（20分54秒）
- 🎬 【视频】React react-router4.x路由的嵌套.avi
20 React react-router4.x中实现路由模块化、以及嵌套路由父子组件传值（29分4秒）
- 📦 01reactdemo路由模块化.zip
- 📦 02reactdemo路由模块化代码分离.zip
- 📦 03reactdemo路由模块化嵌套路由.zip
- 🎬 【视频】react-router4.x中实现路由模块化、以及嵌套路由父子组件传值.avi
- 🎬 【视频】react Antd的使用 button组件 Icon组件 Layout组件 DatePicker日期组件.avi
22React UI框架 Antd (Ant Design)配置react-app-rewired按需加载Antd的css
- 🎬 【视频】Antd (Ant Design)配置react-app-rewired按需加载Antd的css.avi
| 
发表于 2025-11-13 21:19:08
|
查看: 14|
回复: 0
