好记性不如烂笔头——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. 框架在不断向着越来越简单的方向发展。
相关文章
|
Web App开发 JavaScript 前端开发
社招中级前端笔试面试题总结
社招中级前端笔试面试题总结
379 0
ToC和ToB有啥区别
ToC(Consumer)面向普通用户服务,ToB(business)是面向企业用户服务。对公司的营销体系和商业模式而言,定位客户群体,决定产品设计、运营管理、市场营销等系列操作。 1.1 业务形态不同
13444 2
技术面试常见智力题
了解技术面试常见智力题。
485 0
|
缓存 自然语言处理 JavaScript
Vue 3 渲染机制解密:从模板到页面的魔法
Vue 3 渲染机制解密:从模板到页面的魔法
669 0
|
监控 前端开发 JavaScript
【面试题】5年前端 - 历时1个月收获7个offer
【面试题】5年前端 - 历时1个月收获7个offer
1194 0
|
前端开发 JavaScript 网络架构
前端this指向详解
前端this指向详解
301 0
|
前端开发 JavaScript API
Github 上 8 个很棒的 React 项目
Github 上 8 个很棒的 React 项目
6323 0
|
监控 前端开发 JavaScript
No149.精选前端面试题,享受每天的挑战和学习
No149.精选前端面试题,享受每天的挑战和学习
|
存储 前端开发 JavaScript
前端基础面试题(HTML,CSS,JS)
前端基础面试题(HTML,CSS,JS)
218 0
|
JSON JavaScript 前端开发
【面试题】 3 个加强理解TypeScript 的面试问题
【面试题】 3 个加强理解TypeScript 的面试问题
192 0