4 篇博文 含有标签「React」

React 由于太过灵活，10 个人写能写出 10 种甚至 9 种写法（绝望）。俗话说乱写一时爽，维护火葬场（自己说的），因此这篇文章总结了我日常开发见到的各种不合理写法，和自己写出整洁代码的一些经验。

可拖拽（也叫可排序）列表是一个比较常见的组件，但是实际实现起来还是有一定复杂程度的，涉及到光标跟踪、元素交换动画，因此我自己研究了一下使用 React 的实现方法，现在分享给大家。

表达能力可能不太好，加上这个组件确实比较复杂，如果大家有不明白的地方欢迎在评论区里提问。

这两个 API 概念比较简单，但是经常被误用（特别是 useCallback，经常能看到有人动不动就 useCallback），因此这里给大家分享一下这两个 API 的正确使用场景。

前端 React 常见的状态管理库主要有大家耳熟能详的 Redux，还有 Meta（原 Facebook）新秀 Recoil。

但是有的时候，由于各种原因（团队不让、项目比较简单不想用、引入新包体积变大等），当我们不能使用任何第三方全局状态管理库时，仍然需要进行全局状态管理，这时候我们就可以考虑一下使用自带的 Context API 进行简单的全局状态管理。

这篇文章我主要是想给大家分享一下我在日常开发中使用的一种自认为比较优雅的 Context 架构，实现起来比较简单，但是个人认为非常实用。本文主要是使用 Hooks 写法来实现 Context 架构。