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

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

摘要： React 组件性能优化最佳实践 React 组件性能优化的核心是减少渲染真实 DOM 节点的频率，减少 Virtual DOM 比对的频率。如果子组件未发生数据改变不渲染子组件。 组件卸载前进行清理操作 以下代码在组件挂载时会创建一个interval组件销毁后清除定时器，间隔1秒会触发渲染coun 阅读全文

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

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

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

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

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

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

摘要： react因为组件化，使得组件间通信十分的重要。本文就来简单介绍一些常见的react组件间传递的内容。 我将归纳为以下几种关系来详述:父组件与子组件之间，子组件与父组件之间，发布者与订阅者模式（context），兄弟组件间，redux也是一种组件管理的方法，但是redux状态管理的内容比较多，这里只 阅读全文