React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于 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:条件渲染1 11:条件渲染2 12:列表渲染 13:事件处理 14:事件对象 15:事件处理程序传递参数 16:函数组件与class组件 17:class组件中的事件处理 18:组件关系 19:组件props 20:子组件向父组件传递数据 21:组件组合 22:组件状态State 23:State更新 24:setState重新渲染组件跟子组件 25:基于props初始化state 26:组件生命周期 27:组件生命周期_挂载 28:组件生命周期_更新 29:组件生命周期_卸载 30:表单_受控组件 31:表单_受控组件处理多个输入 32:表单_非受控组件 |
章节2 React高级知识 | 33:Context_作用 34:Context_应用 35:函数组件订阅Context 36:Fragments 37:错误边界_概念 38:错误边界_应用 39:错误边界无法捕获的错误 40:Refs&DOM 41:Refs&类组件 42:Refs&函数组件 43:回调Refs 44:高阶组件(HOC) 45:高阶组件组合参数组件 46:高阶组件传递不相关props 47:性能优化_代码分割1 48:性能优化_代码分割2 49:性能优化_shouldComponentUpdate 50:性能优化_时间分片 51:性能优化_虚拟列表 52:PropTypes类型检查 53:默认Prop值 54:TypeScript类型检查 |
章节3 ReactHook | 55:Hook简介 56:State Hook 57:Effect Hook 58:清除 Effect 59:跳过Effect1 60:跳过Effect2 61:使用多个effect实现关注点分离 62:Hook使用规则 63:自定义Hook 64:useContext 65:useRef 66:useMemo 67:useCallback |
章节4 React 路由 | 68:React Router简介 69:BrowserRouter 70:HashRouter 71:Route&&Routes 72:Outlet 73:Link&&NavLink 74:Navigate 75:路由传递参数_params传参 76:路由传递参数_search传参 77:路由传递参数_createSearchParams 78:路由传递传递参数_state传参 79:useNavigate 80:useNavigate传参 81:useRoutes 82:基于路由懒加载 |
章节5 React Redux | 83:Redux简介 84:Redux库和工具 85:单向数据流 86:Redux Action 87:Redux Reducer 88:Redux Store 89:Redux Dispatch 90:Redux数据流 91:React+Redux应用_Store 92:React+Redux应用_Redux Slice 93:React+Redux应用_Thunk 94:React_Redux应用_组件 95:React+Redux应用_DevTools 96:为React应用添加Redux 97:使用数据 98:多个Redux Slice 99:异步逻辑 100:createAsyncThunk_1 101:createAsyncThunk_2 102:性能优化 103:createSelector |
章节6 网络请求 | 104:Proxying in development 105:http-proxy-middleware 106:fetch_get 107:fetch_post 108:fetch_是否成功 109:axios 110:全局处理 |
章节7 AntdUI | 111:antd UI库 112:更改主题 113:使用css module更改第三方库的样式 114:支持sass&less |
另附本章节课程资料