标签:React18
-
Vite6+React18+Ts项目-05.集成阿里巴巴ahooks及使用useRequest
Ahooks是阿里巴巴开源的一个高质量的ReactHooks库,提供了大量实用的自定义Hooks,可以帮助开发者提高开发效率,减少重复代码。1.安装npmins...
-
Vite6+React18+Ts项目-03.集成文件上传,axios请求、拦截及响应体规范
Axios是一个基于Promise的HTTP客户端,用于浏览器和Node.js环境。它具有以下主要特点:支持PromiseAPI,拦截请求和响应,转换请求和响应...
-
Vite6+React18+Ts项目-02.使用react-router路由管理
为了尽可能的掌握react-router,我们将项目分为前台和后台两个大的模块,其中后台又分为多个小模块。1.安装路由npminstall--savereact...
-
Vite6+React18+Ts项目-01.初始化项目及修改配置文件
01.版本说明Node版本:22+Vite版本:6+React版本:18.3.102.创建Git仓库,并拉取项目在git托管服务(如gitee,github或私...
-
React18.2x源码解析(七)类组件之Component与PureComponent原理解析
1.Component我们在刚开始学习React时,第一个接触的就是class类组件的学习,通过继承React.Component创建类组件:importRea...
-
React18.2x源码解析(六)类组件的加载过程
在之前的章节我们讲述了FiberTree的创建过程,但是对组件的加载过程这方面的细节没有深入。本节将深入理解React18.2x类组件的具体加载过程。1.加载阶...
-
React18.2x源码解析(五)函数组件的加载过程
在之前的章节我们讲述了FiberTree的创建过程,但是对组件的加载过程这方面的细节没有深入。本节将深入理解React18.2x函数组件的具体加载过程。1.加载...
-
React18.2x源码解析(四)commit阶段【DOM渲染与回调处理】
在本系列的第二,第三章节已经完整的讲述了render阶段的scheduler调度流程和reconciler协调流程。本节将深入理解react应用渲染流程的最后一...
-
React18.2x源码解析(三)render阶段之reconciler协调流程
本章节我们主要讲解FiberReconciler协调流程,即FiberTree的具体创建过程。回到之前的renderRootXXX方法:letexitStatu...
-
React18.2x源码解析(二)render阶段之scheduler调度流程
本节将深入理解React18.2x的scheduler调度程序的执行过程。在学习之前,我们要先了解react应用的渲染流程主要有哪些阶段?根据react18的源...