好记性不如烂笔头——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. 框架在不断向着越来越简单的方向发展。
相关文章
|
前端开发 JavaScript API
Github 上 8 个很棒的 React 项目
Github 上 8 个很棒的 React 项目
6800 0
|
JSON JavaScript 前端开发
【面试题】 3 个加强理解TypeScript 的面试问题
【面试题】 3 个加强理解TypeScript 的面试问题
229 0
|
机器学习/深度学习 监控 前端开发
在阿里做前端程序员,我是这样规划的
许多前端工程师工作超过了3年之后会遇到一个迷茫期,我跟很多前端从业人也聊过,有一部分人说想做开源项目推广出去(类似react,vue)变成前端网红。有些说想去创业。往往更长远的职业发展规划考虑的很少。我希望把自己工作经历和在阿里学到的东西分享给大家,作为一个案例解答有关职业发展的困扰。
1023 1
在阿里做前端程序员,我是这样规划的
|
存储 缓存 前端开发
五万字前端面试宝典——前端百题斩(上)新鲜出炉
五万字前端面试宝典——前端百题斩(上)新鲜出炉
五万字前端面试宝典——前端百题斩(上)新鲜出炉
【JavaSE】TreeSet与TreeMap源码解读
文章目录 1 TreeSet 1.1 TreeSet快速入门 1.2 TreeSet比较机制源码解读 2 TreeMap 2.1 TreeMap快速入门 2.2 TreeMap比较机制源码解读 写在最后
【JavaSE】TreeSet与TreeMap源码解读
|
JavaScript 前端开发 索引
JS 中的类数组对象如何转换为数组?
大家好,我是前端西瓜哥,今天说一下 JS 的类数组对象是什么,以及如何将类数组对象转为数组。
755 0
|
XML 存储 JSON
react面试题
react面试题
|
SQL Java 关系型数据库
爱奇艺面试题
JMM,高并发高吞吐各自适应使用的GC方法,如何造成OOM,解决OOM 手动回收对象 栈中new的对象生存时间 聊聊集合hashmap,ArrayList,concurrenthashmap java锁的分类 java中队列,树数据结构的实现 并发的J...
1743 0
|
13天前
|
人工智能 数据可视化 安全
王炸组合!阿里云 OpenClaw X 飞书 CLI,开启 Agent 基建狂潮!(附带免费使用6个月服务器)
本文详解如何用阿里云Lighthouse一键部署OpenClaw,结合飞书CLI等工具,让AI真正“动手”——自动群发、生成科研日报、整理知识库。核心理念:未来软件应为AI而生,CLI即AI的“手脚”,实现高效、安全、可控的智能自动化。
34725 37
王炸组合!阿里云 OpenClaw X 飞书 CLI,开启 Agent 基建狂潮!(附带免费使用6个月服务器)