一张思维导图入门React

简介: 一张思维导图入门React

640.png

一、项目初始化


640.png

二、UI层面


640.png

2.1 JSX基础

640.png

2.2 进阶


2.2.1 事件处理


640.png


2.2.2 条件渲染


640.png

2.2.3 列表


640.png

2.2.4 表单

640.png


三、组件

640.png

3.1 class组件


3.1.1 使用class组件需满足条件


640.png

3.1.2 相关属性方法


640.png


3.1.3 声明周期图谱

640.png

3.2 function组件

640.png

3.2.1 HOOK

640.png

3.2.1.1 函数

640.png

3.2.1.2 HOOK规则

640.png

3.2.1.3 自定义HOOK


640.png

3.3 高阶组件

640.png四、数据层面


640.png


五、重要包

640.png

六、感悟



在整理这些基础知识点的过程中,有以下几点感悟,不一定正确,分享出来与大家探讨:


  1. React中很多功能在开发中用的并不多,例如:数据传输方面Redux+props即可满足很多需求、Hook中常用的也只有useState、useEffect等,实现的一些功能仅仅是为了满足整个框架的完整性;


  1. HOOK的出现基本上让function组件一统天下,不必再使用class组件;


  1. 框架在不断向着越来越简单的方向发展。
相关文章
|
3月前
|
前端开发 JavaScript 开发者
React:JSX语法入门
React:JSX语法入门
52 0
|
3天前
|
XML JavaScript 前端开发
React Jsx语法入门
【8月更文挑战第13天】React Jsx语法入门
16 4
|
4天前
|
前端开发 人机交互
langchain 入门指南 - ReAct 模式
langchain 入门指南 - ReAct 模式
11 1
|
2月前
|
前端开发
前端react入门day02-React中的事件绑定与组件
前端react入门day02-React中的事件绑定与组件
|
3月前
|
前端开发 JavaScript 索引
快速掌握 React 基础入门: 一个完整的指南(三)
快速掌握 React 基础入门: 一个完整的指南
|
3月前
|
前端开发 JavaScript
快速掌握 React 基础入门: 一个完整的指南(二)
快速掌握 React 基础入门: 一个完整的指南
|
3月前
|
前端开发 JavaScript Linux
快速掌握 React 基础入门: 一个完整的指南(一)
快速掌握 React 基础入门: 一个完整的指南
|
3月前
|
前端开发 JavaScript 开发者
React中JSX语法入门
React中JSX语法入门
|
7天前
|
前端开发 JavaScript UED
React 基础与实践 | 青训营笔记
React 基础与实践 | 青训营笔记
12 0
|
1月前
|
前端开发 JavaScript Java
React 速通笔记
【7月更文挑战第17天】
28 1

热门文章

最新文章