在我们React的日常开发中一些常用的写法，看似运行的很好，实际可能并不优雅。学习React并不是如何如何使用它，而是如何写出优雅，干净的代码。下面举一些例子，总结了一些React开发中不好的写法及相

300 行实现一个 Terminal，之前在我自己的项目中 （Next.js+Nest.js TS全栈项目）有同学问Terminal 组件是怎么实现的呢，现在我们从 0 到 1 实现一个终端！

本文介绍了 useState、useEffect、useContext 等几种 React Hook 的实用小技巧，对于新手是很好的指导型文章，能够帮你减少踩坑。

热身准备 明确几个概念 在React@17.0.3版本中： 所有事件都是委托在id = root的DOM元素中（网上很多说是在document中，17版本不是了）； 在应用中所有节点的事件监听其实都是

这篇文章会详细介如何正确使用 React.memo 和 useMemo 来对我们的项目进行一个性能优化。 React.memo 示例 我们先从一个简单的示例入手 以下是一个常规的父子组件关系，打开浏

在日常的React开发中，我们经常会用到useEffect这个副作用勾子，它还有一个兄弟useLayoutEffect，那么这两个副作用勾子有什么区别呢？我们该如何区分它们并正确的使用呢？来学习一下吧

壹 ❀ 引 我在[react] 什么是虚拟dom？虚拟dom比操作原生dom要快吗？虚拟dom是如何转变成真实dom并渲染到页面的?一文中，介绍了虚拟dom的概念，以及react中虚拟dom的使用场景

一. redux的实现 在一切开始之前，我们首先要回答一个问题：为什么我们需要redux，redux为我们解决了什么问题？只有回答了这个问题，我们才能把握redux的设计思路。 React作为一个组件化开发框架，组件之间存在大量通信，有时这些通信跨越多个组件，或者多个组件之间共…