400-888-5228

React开发实战培训课程

课程概述

本课程专注于React技术栈,旨在通过5天的集中训练,从基础概念到高级应用,全面覆盖React开发的各个方面。课程内容包括React基础、组件化开发、状态管理、路由处理、性能优化、以及与Redux和MobX的整合使用等。通过深入浅出的讲解和丰富的实战案例,学员将掌握构建高效、可维护的前端应用的能力。

课程对象

  1. 拥有Html5、CSS3和JavaScript基础的开发者。
  2. 想要深入学习React及其生态系统的前端开发者。
  3. 希望提升前端开发效率和应用性能的技术人员。

课程目标

  • 理解React及其核心原理。
  • 掌握React组件开发、状态管理、路由处理等关键技术。
  • 学习使用Redux和MobX进行状态管理。
  • 完成从搭建项目基础架构到性能优化的全过程。
  • 通过项目实战,提升解决实际问题的能力。

课程收益

  • 获得React开发的全面知识,掌握最佳实践和技术栈。
  • 通过实战案例深化理解,提升项目开发能力。
  • 学会性能优化技巧,提高应用性能。
  • 成功完成课程,将大大提升在前端开发领域的竞争力。

课程时长5天

课程大纲

时间 内容
第一天 React 介绍
脚手架create-react-app
编写第一个react
JSX语法
组件的创建-类组件
组件的创建-函数组件
组件的创建-嵌套
类组件的样式
事件处理机制
ref的应用
状态初体验
列表渲染
key值解析
案例实现todolist
条件渲染
选项卡案例
案例:影院查询
状态再体验
初识属性性和属性验证
状态和属性
表单的受控和非受控
案例受控 todolist实现
第二天 组件通讯:父子通信
组件通讯:非父子通信
组件状态提升、订阅发布和context方案
受控组件
非受控组件
react中的插槽
组件的生命周期概述
组件生命周期-初始化
组件生命周期-运行中
组件生命周期-销毁
组件生命周期-案例演示
新生命周期-getDerivedStateFromProps
新生命周期-getSnapshotBeforeUpdate
轮播组件案例
React性能优化
案例:Todolist组件板本
第三天 hooks-useStat,useEffect使用
hooks-useCallback,useDemo
hooks-useRef,useContext
hooks-useReducer和自定义hooks
react-router 路由引入
react-router 一级路由和多级路由
react-router 路由跳转和匹配组件
路由重定向和路由传参
嵌套路由
声明式导航和编程式导航
动态路由和路由拦截
withRouter和反向代理
路由案例:网站后台管理系统
CSSModule
Flux和Redux简介
Redux工作流程
Redux实战和原理解析
Redux-reduce合并
第四天 Redux中间件-redux-thunk
Redux中间件-redux-promise
Redux开发者工具
react-redux引入和使用
react-redux持久化
组件库-antd安装和使用(PC端)
组件库-antd使用(移动端)
antd-mobile组件库-轮播
antd-mobile组件库-选项卡
antd-mobile组件库-无限滚动
antd-mobile组件库-搜索框
antd-mobile组件库-Toast
immutable-基础
immutable-进阶
immutable-redux
Mobx-引入
Mobx-observable-autorun
Mobx-action
Mobx-runInAction
Mobx-react

为什么选择艾威

艾威公司自2003年以来,一直是IT培训领域的佼佼者。我们的课程紧跟技术发展趋势,由经验丰富的讲师授课,注重实战应用,确保学员能够快速理解和掌握最新的技术和工具。选择艾威培训,不仅能够学习到系统全面的技术知识,还能通过我们精心设计的项目实战,迅速提升您的开发能力和市场竞争力。

培训咨询
  • 2025-12-2 20:00
    【🔥年度平均观看时长TOP1】AI时代的安全挑战:攻心为上 | AI瞄准人性弱点:心理影响力武器升级
  • 2025-12-4 20:00
    【🔥年度单场观看人数TOP1】AI赋能数据管理:从数据孤岛到智能协同的突破
  • 2025-12-9 20:00
    【🔥单场点赞最高 年度互动之王】圆卓对话:聊聊BA这个职位那些被问及最多的“尖锐的问题
  • 2025-12-11 20:00
    【🔥年度爆款 项目管理课】项目经理不会用AI?那你真的落后了!
  • 2025-12-16 20:00
    【🔥年度爆款 企业架构课】AI赋能企业架构:TOGAF架构框架下的智能化转型
  • 2025-12-18 20:00
    【🔥年度爆款 流程管理课】从能力视角看流程:建立可视化预约直播的组织流程框架
  • 2025-12-23 20:00
    【🔥年度爆款 IT管理课】AI赋能ITIL4:打造未来服务管理的新标准
  • 2025-12-25 20:00
    【🔥2025年度新趋势之一】从传统审计到人工智能审计:AAIA引领审计数字化转型
  • 2025-12-30 20:00
    【🔥学员分享职场故事 最具价值AI实战课】Deepseek如何在工作中提效?
  • 更多直播讲座
    小艾老师还在安排中…
查看全部 >

扫码一键预约全部

查看更多 > 查看更多 >

数字化转型8大核心认证

  1. PMP项目管理认证

    艾威最近一期班: 针对2026年03月考试
  2. CBAP业务分析认证

    艾威最近一期班·开课时间:2026-01-31
  3. CBPP流程管理认证

    艾威最近一期班·开课时间:2026-03-21
  4. ITIL4 IT管理认证

    艾威最近一期班·开课时间:2025-12-27
  5. TOGAF企业架构认证

    艾威最近一期班·开课时间:2025-12-20
  6. CDMP数据管理认证

    艾威最近一期班·开课时间:2026-03-07
  7. CISA信息安全审计师认证

    艾威最近一期班·开课时间:2026-03-01
  8. CISSP信息安全专家认证

    艾威最近一期班·开课时间:2026-01-17