好记性不如烂笔头——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 前端开发
社招中级前端笔试面试题总结
社招中级前端笔试面试题总结
327 0
ToC和ToB有啥区别
ToC(Consumer)面向普通用户服务,ToB(business)是面向企业用户服务。对公司的营销体系和商业模式而言,定位客户群体,决定产品设计、运营管理、市场营销等系列操作。 1.1 业务形态不同
12269 2
技术面试常见智力题
了解技术面试常见智力题。
380 0
|
缓存 自然语言处理 JavaScript
Vue 3 渲染机制解密:从模板到页面的魔法
Vue 3 渲染机制解密:从模板到页面的魔法
577 0
|
监控 前端开发 JavaScript
【面试题】5年前端 - 历时1个月收获7个offer
【面试题】5年前端 - 历时1个月收获7个offer
991 0
|
Web App开发 缓存 安全
面试官:说说你对options请求的理解
什么是 options 请求 我们可以看下 MDN 中的一段描述: HTTP 的 OPTIONS 方法 用于获取目的资源所支持的通信选项。客户端可以对特定的 URL 使用 OPTIONS 方法,也可以对整站(通过将 URL 设置为“*”)使用该方法。” 简单来说,就是可以用 options 请求去嗅探某个请求在对应的服务器中都支持哪种请求方法。 其实,这是因为在跨域的情况下,在浏览器发起"复杂请求"时主动发起的。跨域共享标准规范要求,对那些可能对服务器数据产生副作用的 HTTP 请求方法(特别是 GET 以外的 HTTP 请求,或者搭配某些 MIME 类型的 POST 请求).
面试官:说说你对options请求的理解
vscode设置自动保存步骤
vscode设置自动保存就不用每次要运行时候去先保存一下才能加载新页面了
18967 0
vscode设置自动保存步骤
|
Web App开发 JavaScript 前端开发
从浏览器原理出发聊聊Chrome插件
本文从浏览器架构演进、插件运行机制、插件基本介绍和一些常见的插件实现思路几个方向聊聊Chrome插件。
|
前端开发 JavaScript 网络架构
前端this指向详解
前端this指向详解
199 0
|
数据安全/隐私保护 芯片 开发者
Mac M1/M2芯片电脑问题解决汇总
Mac M1/M2芯片电脑问题解决汇总
1070 0
Mac M1/M2芯片电脑问题解决汇总