首页>课程更新>流行的前端框架,React知识体系更新啦

流行的前端框架,React知识体系更新啦

《web前端》

本次更新内容为web前端第十四阶段:React知识体系

React知识体系

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

另附本章节课程资料



百战程序员微信公众号

百战程序员微信小程序

©2014-2024 百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637