首页>课程更新>好课上新,web前端更新React知识体系

好课上新,web前端更新React知识体系

《web前端》

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

React知识体系

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

另附本章节课程资料


百战程序员微信公众号

百战程序员微信小程序

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