15 篇博文 含有标签「前端」

Ant Design 是一个很棒的 UI 库，里面有些组件确实值得学习一下。本篇为 Messge（全局提示）篇。

平常开发中经常使用到 Ant Design，确实是一个非常好用的 React UI 库，但是只会用不知道实现原理的话就很难有进步，因此我想翻翻源码学习一下部分组件的具体实现原理，顺便分享一下自己的心得给大家。

这个系列的文章不会写到所有的细节，只会写一些我认为比较关键和实现起来比较困难的点。

最近对 react-redux 的实现原理感兴趣，翻看了下源码，发现原理比预想中的要简单，因此自己手动实现了一个简单的 react-redux，现在分享心得给大家作参考。

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

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

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

NodeJS 中，目前有两种标准的模块引入模式，一种是旧的 CommonJS（CJS），另外一种是现代的 ESModule（ESM）。

有的时候，我们不得不混用这两种引入模式（一些第三方库仅支持 ESM），这时候就会产生一些坑，比如如果尝试 require（CJS）一个 ESM 文件时，就会报错。

这篇文章主要是我对这两种模块引入方式一些坑的一些总结。