zxg_神说要有光

有的需求需要在网页上写代码。 比如在线执行代码的 playground： 或者在线面试： 如果让你实现网页版 TypeScript 编辑器，你会如何做呢？ 有的同学说，直接用微软的 monaco ed

我们经常用 restful 的接口来开发业务。 比如 GET 请求 /students 查询所有学生，/students/1 查询 id 为 1 的学生 发送 POST、PUT、DETETE 请求分别

我们经常通过自定义 hook 的方式抽离组件的逻辑，而这种自定义 hook 里很多都是给元素绑定事件的。 绑定事件的写法一共有三种，我们一起来过一遍。 首先是 useHover 的 hook： 浏览器

网页开发中，我们经常要计算各种距离。 比如 OnBoarding 组件，我们要拿到每一步的高亮元素的位置、宽高： 比如 Popover 组件，需要拿到每个元素的位置，然后确定浮层位置： 比如滚动到页面

最近遇到一些组件，它们只是对 api 的一层简易封装，用起来也和直接用 api 差不多。 但是这种组件的下载量还是挺多的。 今天我们一起来写三个这样的组件，大家来感受下和直接用 api 的区别。 Po

Jotai 是一个 react 的状态管理库，主打原子化。 提到原子化，你可能会想到原子化 CSS 框架 tailwind。 比如这样的 css： 用 tailwind 这样写： 定义一系列原子 cl

大家写中后台系统的时候，应该都用过 Ant Design 的 Form 组件： 用 Form.Item 包裹 Input、Checkbox 等表单项，可以定义 rules，也就是每个表单项的校验规则。

当应用加了新功能的时候，都会通过这种方式来告诉用户怎么用： 这种组件叫做 OnBoarding 或者 Tour。 在 antd5 也加入了这种组件: 那它是怎么实现的呢？ 调试下可以发现，遮罩层由 4

组件库一般都有 Popover 和 Tooltip 这两个组件，它们非常相似。 不过应用场景是有区别的： Tooltip（文字提示） 是用来代替 title 的，做一个文案解释。 而 Popover（