产品期望在后台发布帖子时，需要添加 **@用户** 的功能，以便用户收到通知，例如“xxx在xxx提及了您！”。然而，现有的开源库未能满足我们的需求,例如 ant-design的Mentions组件.

在本文中，我们将探讨日常工作中应该避免的9个坏React习惯，并提供相关示例代码来说明这些问题以及如何避免它们。

随着vue/react这类以数据驱动为主的web框架的不断完善和壮大，越来越多的前端团队开始着手搭建内部的组件库。虽然目前市面上已经有很多功能强大且完善的组件库供我们使用，比如基于react的开源组件库ant-design，material，又比如基于vue的开源组件库elem…

在日常团队开发中大家写的组件质量参差不齐，风格千差万别。会因为很多需求导致组件无法扩展，或难以维护。导致很多业务组件的功能重复。我们从代码结构的角度来谈谈如何设计一个更优雅的 React 组件。

关于 React 性能！是一个非常有趣且有争议性的话题，在短时间内（6个月）的最佳实践也可能是不准确的， 在这里我们可以一起探讨出一些明确的观点以及提出一些的建议。

只要在写前端代码就避免不了使用流行的 UI 组件库，例如 ElementUI 、 Ant Design 。但是我们只停留在使用层面上的话，未免显得肤浅。因此作者一直都想编写一个属于自己的 UI 组件库。 前端工程：组件库基础结构、打包组件库、发布组件库、发布组件库文档。 语言层…

简而言之，只要一个组件中某个属性的值是函数，那么就可以说改组件使用了 Render Props 这种技术。听起来好像就那么回事儿，那到底 Render Props 有哪些应用场景呢，让我们还是从简单的例子讲起，假如我们要实现一个打招呼的组件，一开始可能会这么实现： 然后如果还要…

最近团队内有同学，由于写react hooks引发了一些bug，甚至有1例是线上问题。团队内也因此发起了一些争执，到底要不要写hooks？到底要不要加lint？到底要不要加autofix？争论下来结论如下： 团队再出一篇必读文档，必须要求每位同学，先读再写。 因此便有了此文。 …

setState 函数用于更新 state。它接收一个新的 state 值并将组件的一次重新渲染加入队列 如果新的 state 需要通过使用先前的 state 计算得出，那么可以将函数传递给 setState。该函数将接收先前的 state，并返回一个更新后的值。 调用 Sta…