摘要: React Hook 新出现背景 类组件的问题 复用组件状态难,高阶组件+渲染属性 providers customers,等一堆工具都是为了解决这个问题,但是造成了很严重的理解成本和组件嵌套地狱 生命周期带来的负面影响,逻辑拆分严重 This 的指向问题 函数组件的局限 之前函数组件没有 stat 阅读全文
posted @ 2022-11-04 10:04 xiaofeng123aa 阅读(51) 评论(0) 推荐(0)
摘要: 关键词:react react-scheduler scheduler 时间切片 任务调度 workLoop 背景 本文所有关于 React 源码的讨论,基于 React v17.0.2 版本。 文章背景 工作中一直有在用 React 相关的技术栈,但却一直没有花时间好好思考一下其底层的运行逻辑,碰 阅读全文
posted @ 2022-11-02 09:11 xiaofeng123aa 阅读(35) 评论(0) 推荐(0)
摘要: 目录 代码分割 React的懒加载 import() 原理 React.lazy 原理 Suspense 原理 参考 1.代码分割 (1)为什么要进行代码分割? 现在前端项目基本都采用打包技术,比如 Webpack,JS逻辑代码打包后会产生一个 bundle.js 文件,而随着我们引用的第三方库越来 阅读全文
posted @ 2022-11-02 09:11 xiaofeng123aa 阅读(63) 评论(0) 推荐(0)
摘要: react hooks 实现 Hooks 解决了什么问题 在 React 的设计哲学中,简单的来说可以用下面这条公式来表示: UI = f(data) 等号的左边时 UI 代表的最终画出来的界面;等号的右边是一个函数,也就是我们写的 React 相关的代码;data 就是数据,在 React 中,d 阅读全文
posted @ 2022-11-02 09:10 xiaofeng123aa 阅读(106) 评论(0) 推荐(0)
摘要: 本文根据日常开发实践,参考优秀文章、文档,来说说 TypeScript 是如何较优雅的融入 React 项目的。 温馨提示:日常开发中已全面拥抱函数式组件和 React Hooks,class 类组件的写法这里不提及。 前沿 以前有 JSX 语法,必须引入 React。React 17.0+ 不需要 阅读全文
posted @ 2022-11-01 11:36 xiaofeng123aa 阅读(107) 评论(0) 推荐(0)
摘要: 本文是作者在实际工作经验中总结提炼出的错误使用 React 的一些方式,希望能够帮助你摆脱这些相同的错误。 1. Props 透传 props 透传是将单个 props 从父组件向下多层传递的做法。 理想状态下,props 不应该超过两层。 当我们选择多层传递时,会导致一些性能问题,这也让 Reac 阅读全文
posted @ 2022-11-01 11:36 xiaofeng123aa 阅读(46) 评论(0) 推荐(0)
摘要: 前言 近期完成了公司新项目的开发,相关的技术栈都用到了最新版本,react router 也使用了 v6 的版本,所以借这个机会自己再梳理下 react router v5 与 v6 的区别,以及 v6 一些新特性。而在原有项目还是使用老版本 react router 的情况下,不太建议急着直接升级 阅读全文
posted @ 2022-11-01 11:35 xiaofeng123aa 阅读(50) 评论(0) 推荐(0)
摘要: 前言 相信很多人都在使用redux作为前端状态管理库进去项目开发,但仍然停留在“知道怎么用,但仍然不知道其核心原理”的阶段,接下来带大家分析一下redux和react-redux两个库的核心思想和API redux 1.为什么要使用redux? 随着互联网的高速发展,我们的应用变得越来越复杂,进行导 阅读全文
posted @ 2022-10-31 09:42 xiaofeng123aa 阅读(40) 评论(0) 推荐(0)
摘要: 学和使用react有一年多了,最近想在梳理一下react基础知识,夯实基础,激流勇进~ 关于reacr-router,redux,redux-saga后续都会慢慢输出,希望各位看官老爷持续关注~~要是能给个赞鼓励一下就更赞了~ react基础知识速览 1、什么是JSX? 一个JSX语法的示例,如下所 阅读全文
posted @ 2022-10-31 09:41 xiaofeng123aa 阅读(33) 评论(0) 推荐(0)
摘要: 五、React 核心是组件 在 React 中,我们使用组件(有状态、可组合、可重用)来描述 UI 。 在任何编程语言中,你都可以将组件视为简单的函数。 React 组件也一样, 它的输入是 props,输出是关于 UI 的描述。我们可以在多个 UI 中重用单个组件,组件也可以包含其他组件。Reac 阅读全文
posted @ 2022-10-27 15:04 xiaofeng123aa 阅读(64) 评论(0) 推荐(0)