万字长文又来了！单独使用 TypeScript 时没有太多的坑，不过和React结合之后就会复杂很多。本文就来聊一聊TypeScript与React一起使用时经常遇到的一些类型定义的问题。

现在，用户对于前端页面的要求已经不能满足于实现功能，更要有颜值，有趣味。除了整体 UI 的美观，在合适的地方添加合适的动画效果往往比静态页面更具有表现力，达到更自然的效果。比如，一个简单的 loading 动画或者页面切换效果不仅能缓解用户的等待情绪，甚至通过使用品牌 logo…

mac-scrollbar 是一款具有 macOS 样式的 React 滚动条组件，使用原生浏览器滚动，悬浮的滚动条不占用宽度，不影响设计布局

这两个库都是跨平台的，都是直接操作 dom 的，跨平台不是不好，肯定是好，但是在 React 的世界，要处理状态的同步，通常都是通过状态或属性来控制，虽然可以用个 React 包裹上面两个库，提供 React 版本，但是总是觉得不那么完美。 查了一下，PC 触摸板可以出发 on…

笔者在18年年末的时候接到一个开发任务——搭建一个AI项目的开放平台，其中的产品文档为转化为HTML格式的markdown文档。考虑到文档的即时更新，将文档信息做成了Ajax接口的形式。因此管理后台只需将textarea表单的内容通过markdown解析器进行HTML格式转化，…

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第11天，点击查看活动详情。 上一篇中，我们初步新建了一个可“双向绑定”的聊天输入框，结合实际使用的场景，如果仅仅只是实现了“双向绑定

使用高阶组件(HOC)解决 同一组件既需要 connect 包裹，又需要 forwardRef 拿到 ref 的问题。

我们从设计思维的角度来谈谈如何设计一个更优雅的 React 组件。 基本原则 单一职责 单一职责的原则是让一个模块都专注于一个功能，即让一个模块的责任尽量少。若一个模块功能过多，则应当拆分为多个模块，

vue和react都已经全面进入了hooks时代（在vue中也称为组合式api），如何才能写出高质量的hooks组件？