获得徽章 0
- #每天一个知识点# ahooks 的 useAsyncEffect 使 useEffect 支持异步函数，isAsyncGenerator 判断异步函数的类型，如果是一个异步迭代器则一直执行直到异步函数返回最终的结果，否则则直接返回一个异步结果，这个 cancelled 没有看太明白，大概是在异步函数没有执行完后，组件被销毁后直接取消下一步的执行。展开评论2
- #每天一个知识点# ahooks 的 useMount 在组件第一次渲染的时候执行相应的函数，相关的源码如下，一般看源码的时候我们主要关注主要功能，所以忽略 isDev 的相关逻辑。这个主要通过 useEffect 实现，useEffect 的第二个参数一个 [] 表明这个函数不依赖任何副作用，所以只会在组件第一次渲染是执行。评论1
- ESLlint 是一个 JavaScript 的代码格式化工具，他可以实现多种功能的自定义，如 未使用变量 引号 分号 import 排序等等多种功能其强大的功能还支持多种自定义的 plugin 插件，可以通过 AST 树分析的方式评论1
- vercel 的 next.js 是一个基于 react 的全栈框架，包括 SSG SSR ISR 等多种渲染方式混合，近阶段 vercel 增加了 后端存储功能 KV SQL评论1
- pnpm 工作空间 pnpm-workspace.yaml 可以简单的实现 monorepo 如果想要发布工作流的话，推荐使用 chanegsets评论2
- SWR是一个用于React应用程序的数据获取库，它通过缓存和重新验证机制来优化数据获取，减少网络请求等待时间，同时可以自动更新UI。使用SWR很简单，只需传递一个API函数即可，还提供了许多其他功能，例如重新验证机制、手动重新验证、自定义缓存键、支持SSR等。
import useSWR from 'swr';
function MyComponent() {
const { data, error } = useSWR('/api/data', fetch);
if (error) return <div>Error loading data</div>;
if (!data) return <div>Loading...</div>;
return (
<div>
<h1>{data.title}</h1>
<p>{data.description}</p>
</div>
);
}展开评论2 - TypeScript 是一种由 Microsoft 开发的开源编程语言，它是 JavaScript 的超集，提供了类型注解、接口、枚举、泛型等概念，强调类型安全性和代码可维护性，可编译成 JavaScript，被广泛应用于大型 Web 应用程序的开发。评论1
- React 中数据不可变的力量 immutation, 优点：
1. 便于调试，当要打印 state 值的时候可以避免值被修改
2. 便于优化，如 memo
3. react 的新功能快照状态
4. 简单的处理复杂数据，不同关心响应式，只用创建一个新的对象展开评论1 - flex 是一个CSS的布局方式，与 grid 布局的二维布局不同的，flex 是一维布局，分为主轴和交叉轴，flex 容器中的 items 默认在主轴上排序。评论1
