资源详情
资源名称:React快速入门与实战 适用人群: 本课程针对于有一定CSS,JS基础的小伙伴们! 教学目标: 通过本次课程的学习和交流,能够拓展自己的技术面,掌握现在流行的前端技能,具备React及其应用架构的高级开发能力。 课程大纲: 一.React基础 1.react基础 2.JSX语法 3.如何给组件添加样式 4.如何添加自定义组件 5.创建无状态组件 6.学习render方法 7.组件的属忄生 8.组件的状态 9.理解react中的this 10.使用refs操作DOM元素 11.子组件children属忄生 12.组件的生命周期之创建 13.组件的生命周期之销毁 14.高阶组件 二.使用React-router玩转路由管理 1.react路由介绍 2.跑通基本的开发环境 3.跑通基本路由 4.使用Link组件进行导航切换 5.路由的嵌套使用 6.设置路由激活状态 7.路由参数 8.默认路由 10.路由重定向 12.webpack后端服务器 13.路由切换 14.钩子函数 15.扩展内容 三.初入JS函数式编程的世界 1.什么是函数式编程 2.函数式编程的好处 3.函数是一等公民 4.纯函数的作用 5.柯里化函数 6.函数组合 7.高阶函数 四.深入浅出redux应用 1.Redux课程介绍 2.什么是Redux 3.搭建开发环境 4.理解action-store-reducer 5.理解dispatch 6.subscribe订阅 8.react-redux介绍 9.实现计数器应用(1) 10.实现计数器应用(2) 11.实现计数器应用(3) 12.实现计数器应用(4) 13.Redux中间件(1) 14.Redux中间件(2) 15.Redux中间件(3) 16.Redux中间件(4) 17.logger中间件 18.thunk中间件实现异步action 19.超棒的调试工具 20.区分开发和生产环境 22.中间件优化 五.使用React构建一个应用 组件化思维解析应用功能 跑通基本路由 创建头部搜索组件 封装展示用户信息的组件 state、props在传递数据的使用 接入数据 组件功能开发 PropTypes接口约束 请求github API数据进行展示 六.最新React架构打造炫酷个人简历实战 01-整体项目介绍和内容分析 02-项目需求分析和组件化思考 03-跑通项目基础架构(一) 04-跑通项目基础架构(二) 05-目录规划指导并跑通第一个组件 06-添加container下各组件并跑通路由 08-NA危Menu导航组件开发(一) 09-NA危Menu导航组件开发(二) 10-NA危Menu导航组件开发(三) 11-实现collapse折叠功能 12-实现路由激活状态的样式 13-目录层级调整 14-项目首页开发 15-About组件实现及样式优化 16-从业务过程到组件化思维的过渡 17-Skills组件开发 18-Project组件开发与Timeline的使用 19-Project组件和axios 20-Project组件样式开发 21-Contact组件开发(一) 22-Contact组件开发(二) 23-Contact组件开发(三) 资源截图:
下载地址
链接:https://pan.baidu.com/s/1hCk3BWZMBJdsEEO8qept_w 密码:fsxd