React 原理与实战

自 React 诞生以来，它一直坚持一个核心理念：UI = f(state)。这个公式简单直接，却彻底改变了前端开发的方式，也带动了整个生态的成长。回头看 React 的发展，大致可以分成两个阶段：

今天来分享在 React 开发中常见的一些错误，以及如何避免这些错误。理解这些问题背后的细节，防止犯下类似的错误。 1. 组件卸载后执行状态更新 报错信息： Can’t perform a React

React 18 引入了并发功能，从根本上改变了 React 应用的渲染方式。本文将探讨 Transitions、Suspense 和 React Server Components 等并发功能如何影

React 是当今最受欢迎的 JavaScript 框架之一，它的创新就是引入了虚拟 DOM 技术，但很多现代框架已经不再采用这种方案。Svelte 的创建者 Rich Harris 曾将其称作纯粹的

本文将探究 React API 的演变及其背后的心智模型。从 mixins 到 hooks，再到 RSCs，了解整个过程中的权衡。我们将对 React 的过去、现在和未来有一个更清晰的了解，便于深入研

React Router 是 React 生态系统中最受欢迎的第三方库之一，近一半的 React 项目中使用了 React Router，下面就来看看如何在 React 项目中使用 React Rou

大家好，我是 CUGGZ。 今天来分享 10 个编写更简洁 React 代码的实用小技巧！ 1. JSX 简写 如何将 true 值传递给给定的 props？ 在下面的示例中，使用 prop show

在过去的几年中，React 的流行度一直在增加，而且还在加速。React 每周的 npm 下载量超过 1400 万次 ，React Devtools Chrome 扩展有超过 300 万 的周活跃用户

大家好，我是CUGGZ。 在面向对象编程（OOP）中，SOLID 原则是设计模式的基础，它的每个字母代表一种设计原则： 单一职责原则（SRP） 开放封闭原则（OCP） 里氏替换原则（LSP） 接口隔离

React 中浅比较的概念无处不在，它在不同的流程中起着关键的作用，也可以在React组件的多个生命周期中找到。比如，React Hooks中的依赖数组，通过React.memo进行记忆。在React

本文将通过逐步实现一个简单的应用来带大家看看如何编写编写高性能的 React 代码。首先会以常规的模式来实现组件，然后再考虑性能的情况下重构每个步骤，并从每个步骤中提取一个通用规则，这些规则可以应用于

React中实现样式的常见策略：内联样式、样式表、CSS Module、style-components、JSS~

最近看到一些实用的React工具库，总结了一下分享给大家，避免重复造轮子。希望对你有所帮助，有用就点个赞吧~

今天来看看在使用React hooks时的一些坑，以及如何正确的使用避免这些坑。 问题概览： 不要改变 hooks 的调用顺序

万字长文又来了！单独使用 TypeScript 时没有太多的坑，不过和React结合之后就会复杂很多。本文就来聊一聊TypeScript与React一起使用时经常遇到的一些类型定义的问题。

“这是我参与8月更文挑战的第6天，活动详情查看： 8月更文挑战” 1. React Hooks诞生之前 Hook 是 React 16.8 的新增特性，它可以让我们在不编写class的情况下使用sta