React 是由 Facebook 开发的一个用于构建用户界面的 JavaScript 库。它通过组件化的方式,使得开发者可以将页面拆分成一系列独立、可重用的组件,每个组件都有自己的状态和行为。React 负责渲染这些组件,并将其组合成完整的用户界面。
React 的主要特点包括:
1.高效:React 的 Virtual DOM 技术可以在内存中创建一个虚拟的 DOM 树,通过比较前后两个虚拟 DOM 树的差异,最小化页面的重新渲染,从而提高了页面性能。
2.灵活:React 可以与其他库或框架结合使用,例如 Redux、React Router 等。
3.易用:React 的 API 简单明了,学习成本较低。同时,React 社区也非常活跃,提供了丰富的第三方组件和插件,可以快速搭建复杂的用户界面。
本套课程我们将详细讲解React相关知识
章节 | 内容 |
---|---|
章节1 React基础知识 | 1:React是什么,为什么要学习他 2:React开发前准备 3:React项目结构简介 4:React组件化 5:初始JSX 6:渲染JSX描述的页面 7:JSX语法 8:JSX的Class与Style属性 9:JSX生成的React元素 10:条件渲染(一) 11:条件渲染(二) 12:列表渲染 13:列表渲染_key 14:事件处理 15:事件对象 16:事件处理程序传递参数 17:函数组件与Class组件 18:Class组件中的事件处理 19:组件关系 20:组件的Props 21:组件的Props应用场景 22:子组件向父组件传递数据 23:组件组合 24:组件状态State 25:State的更新 26:setState重新渲染组件根子组件 27:基于Props初始化State 28:组件生命周期 29:组件生命周期_挂载时 30:组件生命周期_更新时 31:组件生命周期_卸载时 32:表单_受控组件 33:表单_受控组件处理多个输入 34:表单_非受控组件 |
章节2 React高级知识 | 35:Context_作用 36:Context_应用 37:函数组件订阅Context 38:Fragments 39:错误边界_概念 40:错误边界_应用 41:错误边界无法捕获的错误 42:Refs & DOM 43:Refs & 类组件 44:Refs & 函数组件 45:回调Refs 46:高阶组件(HOC) 47:高阶组件(HOC)组合参数组件 48:高阶组件传递不相关Props 49:性能优化_代码分割(一) 50:性能优化_代码分割(二) 51:性能优化_shouldComponentUpdate 52:性能优化_时间分片 53:性能优化_虚拟列表 54:PropTypes进行类型检查 55:默认Prop值 56:TypeScript类型检查 |
章节3 React Hook | 57:Hook 简介 58:State Hook 59:Effect Hook 60:清除 Effect 61:跳过 Effect(一) 62:跳过 Effect(二) 63:使用多个Effect实现关注点分离 64:Hook 使用规则 65:自定义 Hook 66:useContext 67:useRef 68:useMemo 69:useCallback |
章节4 React Router | 70:React路由概念 71:React Router 72:RouterProvider 73:BrowserRouter 74:HashRouter 75:createRoutesFromElements 76:Route & Routes 77:Outlet 78:Link&&NavLink 79:Navigate 80:路由传递参数 81:路由传递参数_search传参 82:路由传递参数_createSearchParams 83:路由传递参数_state传参 84:useNavigate 85:useNavigate传参 86:useRoutes 87:基于路由懒加载 |
章节5 React状态管理 | 88:React状态管理 89:Redux简介 90:Redux库和工具 91:单项数据流 92:Redux Store 93:Redux Reducer 94:Redux Action 95:Redux Dispatch 96:Redux关联React项目 97:Redux与组件交互 98:Redux DevTools 99:Redux优势体现 100:Redux Reducer包含多个业务 101:Redux多个Reducer业务 102:Redux数据流 103:Redux Slice 上 104:Redux Slice 下 105:Redux Thunk 106:Redux Slice Thunk 107:Redux工具链 |
章节6 网络请求 | 108:Fetch 简介 109:Fetch GET请求 110:Fetch POST请求 111:Fetch 是否成功 112:Fetch await语法改写 113:Fetch 取消请求 114:React跨域配置 115:React跨域配置-手动配置代理 116:Axios简介 117:Axios GET请求 118:Axios POST请求 119:Axios并发请求 120:Axios 封装 |
章节7 UI组件库 | 121:Ant Design UI组件库 122:Ant Design 国际化 123:Ant Design 更改主题 124:Ant Design 常用组件 125:支持Sass & Less |
另附本章节课程资料