摘要： React Hook 新出现背景 类组件的问题 复用组件状态难，高阶组件+渲染属性 providers customers，等一堆工具都是为了解决这个问题，但是造成了很严重的理解成本和组件嵌套地狱 生命周期带来的负面影响，逻辑拆分严重 This 的指向问题 函数组件的局限 之前函数组件没有 stat 阅读全文

摘要： 关键词：react react-scheduler scheduler 时间切片 任务调度 workLoop 背景 本文所有关于 React 源码的讨论，基于 React v17.0.2 版本。 文章背景 工作中一直有在用 React 相关的技术栈，但却一直没有花时间好好思考一下其底层的运行逻辑，碰 阅读全文

摘要： 目录 代码分割 React的懒加载 import() 原理 React.lazy 原理 Suspense 原理 参考 1.代码分割 （1）为什么要进行代码分割？ 现在前端项目基本都采用打包技术，比如 Webpack，JS逻辑代码打包后会产生一个 bundle.js 文件，而随着我们引用的第三方库越来 阅读全文

摘要： react hooks 实现 Hooks 解决了什么问题 在 React 的设计哲学中，简单的来说可以用下面这条公式来表示： UI = f(data) 等号的左边时 UI 代表的最终画出来的界面；等号的右边是一个函数，也就是我们写的 React 相关的代码；data 就是数据，在 React 中，d 阅读全文

摘要： 本文根据日常开发实践，参考优秀文章、文档，来说说 TypeScript 是如何较优雅的融入 React 项目的。 温馨提示：日常开发中已全面拥抱函数式组件和 React Hooks，class 类组件的写法这里不提及。 前沿 以前有 JSX 语法，必须引入 React。React 17.0+ 不需要 阅读全文

摘要： 本文是作者在实际工作经验中总结提炼出的错误使用 React 的一些方式，希望能够帮助你摆脱这些相同的错误。 1. Props 透传 props 透传是将单个 props 从父组件向下多层传递的做法。 理想状态下，props 不应该超过两层。 当我们选择多层传递时，会导致一些性能问题，这也让 Reac 阅读全文

摘要： 前言 近期完成了公司新项目的开发，相关的技术栈都用到了最新版本，react router 也使用了 v6 的版本，所以借这个机会自己再梳理下 react router v5 与 v6 的区别，以及 v6 一些新特性。而在原有项目还是使用老版本 react router 的情况下，不太建议急着直接升级 阅读全文

摘要： 前言 相信很多人都在使用redux作为前端状态管理库进去项目开发，但仍然停留在“知道怎么用，但仍然不知道其核心原理”的阶段，接下来带大家分析一下redux和react-redux两个库的核心思想和API redux 1.为什么要使用redux？ 随着互联网的高速发展，我们的应用变得越来越复杂，进行导 阅读全文

摘要： 学和使用react有一年多了，最近想在梳理一下react基础知识,夯实基础，激流勇进~ 关于reacr-router,redux,redux-saga后续都会慢慢输出，希望各位看官老爷持续关注~~要是能给个赞鼓励一下就更赞了~ react基础知识速览 1、什么是JSX？ 一个JSX语法的示例，如下所 阅读全文

摘要： 五、React 核心是组件 在 React 中，我们使用组件（有状态、可组合、可重用）来描述 UI 。 在任何编程语言中，你都可以将组件视为简单的函数。 React 组件也一样， 它的输入是 props，输出是关于 UI 的描述。我们可以在多个 UI 中重用单个组件，组件也可以包含其他组件。Reac 阅读全文