?组件化：把一个项目拆成一个一个的组件，为了便与开发与维护 组件之间互相独立且封闭，一般而言，每个组件只能使用自己的数据（组件状态私有）。 如果组件之间相互传参怎么办？ 那么就要考虑组...

我正在参加「掘金·启航计划」 useKeepInterval 我们一般会使用 setTimeout 和 setInterval 用来做倒计时和计时的操作，而如果我想要暂停这个操作就需要执行 clearTimeout 和 clearInterval, 但...

本文由我和ChatGTP联合共创，参考资料在文末，如有勘误请指出，如有侵权请联系我删除，谢谢！ 什么是 React Context？ Context 是 React 提供的一种跨层级组件通信的机制，它允许你在组件树中共...

前言 在React中，初次渲染，还有改变状态引起的调度更新等都视为一个大任务，这些大任务的本质都是为了构建视图，也就是构建新的fiber，再结合之前的讲fiber的概念时，我们就可以知道fiber就是...

React更新机制 React 更新流程如下： React 在 props 或 state 发生改变时，会调用 React 的 render 方法，会创建不同的 DOM 树 React 需要基于这两棵不同的树之间的差别来判断如何有效的更新 U...

内容讲到啥程度？ 我最近在读框架源码，读的过程中发现render对于这个框架来说真的太重要了，因为它把能干的事都干了，所以我准备将这个方法拆成几篇文章来讲解，尽量做到每个方法都不漏。 这篇...

同步效果如下 建议大家阅读完之后再回来体验 什么是以同步的方式来获取数据 同步的方式（代码书写层面）来获取数据，其实也是践行代数效应（有兴趣的可以看看我的 践行代数效应的 hook 实现）的...

什么是react-redux React Redux是一个用于在React应用程序中管理应用状态的库。它建立在React和Redux两个库的基础上，用于更有效地管理和更新应用程序的状态，并帮助组织复杂的应用逻辑。 以下...

本文为翻译文，原文地址：vercel.com/blog/how-re… 通过本篇文章你可以了解 Transitions、Suspense 和 React Server Components 等并发功能如何提高应用程序性能。 React 18 引入了并发功能，...

以下是本文完整的示例代码和demo在文末。欢迎一起交流。 绝大多数react组件库，甚至包括个别大厂，写ui组件的时候基本上是不分层的，首先什么是代码分层，以及带来的好处，我们拿平时业务开发的...

Storybook 是一个用于独立构建 UI 组件和页面的前端开源工具，无需繁琐的工作即可构建 UI。前段时间刚刚发布了7.x版本，文本将简单介绍下其在webpack5和vite中的使用步骤。 关于什么是storybook...

此刻的我，跟往常一样在顺风车上，在大概的时间，大概的地点想着如何总结我的上半年。。。 说来惭愧，我的上一次总结已经是 2021 年，? 2021，鬼知道我读了多少遍 React 源码，没想到时间过的那...

背景 最近正在做一个开源的项目--pear-rec，pear-rec 是一个跨平台的截图、录屏、录音、录像软件。截图功能上篇文章已经讲过了，如果没有看过的可以去看看这篇文章————手把手教你，用electr...

前端技术发展迅速，即便不说是日新月异，每年也都推出新框架和新技术。Tubi 的产品前端代码仓库始建于 2015 年，至今 8 年有余。可喜的是，多年来紧随 React 社区的发展，Tubi 绝大多数的基础框...

生命周期概念 生命周期的概念： 事物从创建到销毁的过程，React 生命周期是抽象的概念，是描述组件从被渲染到被销毁的整个过程 React 将生命周期分为三个阶段： 装载阶段(Mount)： 组件首次在 D...

首发于公众号 前端从进阶到入院，欢迎关注。 Hi 大家好我是 ssh，在公司项目中，我们编写组件文档支持都是用的 Storybook，总体来说体验很好，当然我也遇到了一些问题，比如说依赖容易安装失败...