课程 / React

快速上手React基础

《大前端开发》直播班，开课啦！

立即报名 >

React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React 能高效更新并渲染合适的组件。

难度：初级

共126章节

14064次播放

第1章虚拟DOM和JSX: React 简介; React小案例; 两种创建虚拟Dom的方式; 虚拟DOM与真实DOM; jsx语法规则; jsx小练习
第2章面向组件编程: 开发者工具安装; 组件与模块; 函数式组件; 复习类相关知识; 类式组件
第3章组件核心属性之state: 对state的理解; 初始化state; react中的事件绑定; 类中方法中的this; 解决类中this指向问题; setState的使用; state的简写方式; 总结state
第4章组件核心属性之props: props的基本使用; 批量传递props; 对props进行限制; props的简写方式; 类式组件中的构造器与props; 函数式组件使用props; 总结props
第5章组件核心属性之refs: 字符串形式的ref; 回调形式的ref; 回调ref中调用次数的问题; createRef的使用; 总结ref
第6章事件与表单数据: 事件处理; 非受控组件; 受控组件; 高阶函数和函数柯里化; 不用柯里化的写法
第7章组件的生命周期（一）: 引出生命周期; 生命周期(旧)_组件挂载流程; 生命周期(旧)_setState流程; 生命周期(旧)_forceUpdate流程; 父组件render流程; 总结生命周期(旧)
第8章组件的生命周期（二）: 对比新旧生命周期; getDerivedStateFromProp...; getSnapshotBeforeUpdate; 10 getSnapshotBeforeUpd...; 总结生命周期(新); DOM的diffing算法
第9章脚手架: 初始化react脚手架; 脚手架文件介绍_public; 脚手架文件介绍_src; 一个简单Hello组件; 样式的模块化; WebStorm中的快捷键; 组件化编码流程
第10章 TodoList案例: TodoList案例_静态组件; 动态初始化列表; 添加todo; 鼠标移入效果; 勾选和取消勾选; 对props进行限制; 删除一个todo; 实现底部功能; 总结TodoList案例
第11章豆瓣电影搜索案例: 脚手架配置代理1; 脚手架配置代理2; 豆瓣电影搜索案例_静态组件; 豆瓣电影搜索案例_axios发送请求; 豆瓣电影搜索案例_展示数据; 豆瓣电影搜索案例_完成案例; 豆瓣电影搜索案例_消息订阅与发布_pubsub; 豆瓣电影搜索案例_fetch发送请求; 豆瓣电影搜索案例_总结
第12章 react router: 对SPA应用的理解; 对路由的理解; 前端路由原理; 路由的基本使用; 路由组件与一般组件; NavLink的使用; 封装NavLink组件; Switch的使用; 解决样式丢失问题; 路由的模糊匹配与严格匹配; Redirect的使用; 嵌套路由; 向路由组件传递params参数; 向路由组件传递search参数; 向路由组件传递state参数; 总结路由参数; push与repalce; 编程式路由导航; withRouter的使用; BrowserRouter与HashRoute...
第13章 UI组件库 antd: antd的基本使用; antd样式的按需引入; antd自定义主题
第14章状态管理 redux: redux简介; redux工作流程; 求和案例_纯react版; 求和案例_redux精简版; 求和案例_redux完整版; 求和案例_异步action版; 对react-redux的理解; 连接容器组件与UI组件; react-redux基本使用; 优化1_简写mapDispatch; 优化2_Provider组件的使用; 优化3_整合UI组件与容器组件; 数据共享_编写Person组件; 数据共享_编写Person组件的reducer; 数据共享_完成数据共享; 纯函数; redux开发者工具; 最终版; 项目打包运行
第15章扩展: 扩展1_setState; 扩展2_lazyLoad; 扩展3_stateHook; 扩展4_EffectHook; 扩展5_RefHook; 扩展6_Fragment; 扩展7_Context; 扩展8_PureComponent; 扩展9_renderProps; 扩展10_ErrorBoundary; 组件间通信方式总结

讲师介绍

PHPzhong: 全栈工程师

课程必读:: React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React 能高效更新并渲染合适的组件。

能学到什么:: React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据变动时 React 能高效更新并渲染合适的组件。

暂无课件

取消回复发送

快速上手React基础

讲师介绍

全部评论我要评论

PHP中文网