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

培训咨询

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

同类课程推荐同类课程推荐
IT技术培训课程分类