这回咱们好好讲讲hooks，找一个合适深度的发力点，争取建立从原理到使用的一条细细的通路，这样更有利于之后学习和补充，正所谓先迷后得主。

对比两段代码，无疑更推荐第二种方式，即借助函数封装业务逻辑，方便复用维护，且能隔离掉外层作用域影响，避免污染到全局变量。有点像是周末去超市购物，买了一堆东西，如果没有个袋子只能靠双手狼狈地抓包。而函数就像那个得加钱的塑料袋，能帮着装下所有的物品，且便于手提搬运，这差不多就是我们…

今天是 520，这是本系列最后一篇文章，主要涵盖 React 状态管理的相关方案。 前几篇文章在掘金首发基本石沉大海, 没什么阅读量. 可能是文章篇幅太长了？掘金值太低了？ 还是错别字太多了? 后面静下心来想想，写作对我来说是一种学习和积累的过程, 让我学习更全面更系统性去描述…

在 React 的世界里”一切都是组件“， 组件可以映射作函数式编程中的函数，React 的组件和函数一样的灵活的特性不仅仅可以用于绘制 UI，还可以用于封装业务状态和逻辑，或者非展示相关的副作用, 再通过组合方式组成复杂的应用. 本文尝试解释用 React 组件的思维来处理常…

CSS 是前端开发的重要组成部分，但是它并不完美，本文主要探讨 React 样式管理方面的一些解决方案，目的是实现样式的高度可定制化, 让大型项目的样式代码更容易维护. 1. 认识 CSS 的局限性 2. 组件的样式管理 0. 基本用法 1. 样式扩展 2. mixin 机制 …

一个复杂的应用都是由简单的应用发展而来的, 随着越来越多的功能加入项目, 代码就会变得越来越难以控制. 本文章主要探讨在大型项目中如何对组件进行组织, 让项目具备可维护性. 1. 组件设计的基本原则 2. 基本技巧 3. 组件的分类 4. 目录划分 5. 模块 6. 拆分 7.…

最近准备培训新人, 为了方便新人较快入手 React 开发并编写高质量的组件代码, 我根据自己的实践经验对React 组件设计的相关实践和规范整理了一些文档, 将部分章节分享了出来. 由于经验有限, 文章可能会有某些错误, 希望大家指出, 互相交流. 由于篇幅太长, 所以拆分为…

React 影响着我们工作的方方面面，我们每天都在使用它，只窥其表却难以窥其里。正所谓看不如写，本篇文章的目的就是从原理层面探究 React 是如何工作的。 在写文章之前，为了方便理解，我准备了一个懒人调试仓库 simple_react ，这个仓库将 benchmark 用例（…

就好比你向周围的人说：快看，老师！周围的人可能不屑一顾：老师有什么好看的？但如果你说：快看，苍老师！那可能很多人会被你这句话所吸引。一字之差，结果截然不同。 代码可读性的魅力也是这样，高可读性的代码，让别人抑郁理解，能够大量减少后期的维护时间。今天总结了10条常用的提高代码可读…