获得徽章 0
#每天一个知识点# ahoos 的 useSetState 自动合并对象类型的 state，主要是这个 setMergeState 函数使用 useCallblck 包裹并不需要依赖，避免重复构造此函数。判断参数是否为函数获取新的属性对象，将这个属性对象合并到 state 中。
评论
点赞
#每天一个知识点# ahooks 的 useUnmountedRef, 获取当前逐渐是否被卸载，使用 useRef 存储逐渐是否卸载的信息，通过 useEffect 当组件加载是将 unmountedRef.current 赋值问 false，组件卸载时将 unmountedRef.current 赋值为 true。
评论
1
#每天一个知识点# ahooks 的 useUnmount 组件卸载时执行函数，这里使用 useEffect 在卸载时会执行effect 函数返回的函数，用的是一个箭头函数直接返回一个函数执行 fnRef.current 函数。这里的 useLatest 是为了获取最新的函数值。
评论
点赞
#每天一个知识点# ahooks 的 useMount 在组件第一次渲染的时候执行相应的函数，相关的源码如下，一般看源码的时候我们主要关注主要功能，所以忽略 isDev 的相关逻辑。这个主要通过 useEffect 实现，useEffect 的第二个参数一个 [] 表明这个函数不依赖任何副作用，所以只会在组件第一次渲染是执行。
评论
1
SSR 服务器端渲染，是一种将动态生成的 HTML 页面在服务器端进行渲染，并将最终渲染结果直接返回给浏览器的技术。它可以提高首屏加载速度和 SEO 效果，适用于需要频繁更新动态内容的网站。
评论
点赞
ESLlint 是一个 JavaScript 的代码格式化工具，他可以实现多种功能的自定义，如 未使用变量 引号 分号 import 排序等等多种功能其强大的功能还支持多种自定义的 plugin 插件，可以通过 AST 树分析的方式
评论
1
nextjs 的 server actions 可以通过 from 表单的方式发送数据，可以在没有 js 的情况实现用户的交互, 在这方面 remix 比较先
评论
点赞
zustand 相比于 redux 的优点
没有 provider
hooks
可以直接使用异步函数
使用最新的 react 特性 useSyncExternlStore
没有 provider
hooks
可以直接使用异步函数
使用最新的 react 特性 useSyncExternlStore
评论
点赞
rust 是一门系统的编程语言，类似于 c++ 但是在 rust 中没有 gc 的内存垃圾回收机制， rust 中通过所有权的释放内容，当拥有所有权的变量离开作用域时会自动释放内存。现在也有很多的前端工具用 rust 编写 如 esbuild rspack 等
评论
点赞
vercel 的 next.js 是一个基于 react 的全栈框架，包括 SSG SSR ISR 等多种渲染方式混合，近阶段 vercel 增加了 后端存储功能 KV SQL
评论
1
PWA 是一些技术的总称， service worker fetch minifest 等，通过 PWA 可以实现网站安装成一个应用，支持离线访问。
评论
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>
);
}
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
deno 是以类似于 node 的 JavaScript 运行时，它提供了默认的 TypeScript 支持，通过 URL 导入第三方库，默认的 fmt、bundle 等
评论
点赞
Node20 changelog
- Permission Model
- Custom ESM loader hooks run on dedicated thread
- Synchronous import.meta.resolve()
- Stable Test Runner
- Permission Model
- Custom ESM loader hooks run on dedicated thread
- Synchronous import.meta.resolve()
- Stable Test Runner
展开
评论
点赞