关于前端:一张思维大图入门React

10次阅读

共计 542 个字符,预计需要花费 2 分钟才能阅读完成。

俗话说的好“好忘性不如烂笔头”,明天秉承着前期温习不便的态度,整顿了一份 React 根底知识点,并以思维导图的形式出现进去,不便跟老铁们一起查漏补缺。“React”残缺思维导图也有呀!!!

一、我的项目初始化

二、UI 层面

2.1 JSX 根底

2.2 进阶

2.2.1 事件处理

2.2.2 条件渲染

2.2.3 列表

2.2.4 表单

三、组件

3.1 class 组件

3.1.1 应用 class 组件需满足条件

3.1.2 相干属性办法

3.1.3 申明周期图谱

3.2 function 组件

3.2.1 HOOK

3.2.1.1 函数

3.2.1.2 HOOK 规定

3.2.1.3 自定义 HOOK

3.3 高阶组件

四、数据层面

五、重要包

六、感悟

在整顿这些根底知识点的过程中,有以下几点感悟,不肯定正确,分享进去与大家探讨:

  1. React 中很多性能在开发中用的并不多,例如:数据传输方面 Redux+props 即可满足很多需要、Hook 中罕用的也只有 useState、useEffect 等,实现的一些性能仅仅是为了满足整个框架的完整性;
  2. HOOK 的呈现基本上让 function 组件一统天下,不用再应用 class 组件;
  3. 框架在一直向着越来越简略的方向倒退。

1. 如果感觉这篇文章还不错,来个分享、点赞吧,让更多的人也看到

2. 欢送关注公众号 前端点线面, 开启编程救赎之路。

正文完
 0