AI划重点

一个技术和职场的宝藏博主

赞

126

|

搜索文章

你的页面只跟最慢的接口一样快：为什么大家都该上流式 SSR

你打开 Chrome DevTools 看一下产品详情页。Network 面板里只有一行关键的请求——HTML 文档本身——它的"Waiting for response"已经卡了 1,400ms。从

4天前
7
1
评论

head.tsx 就是一个 React 组件：用 loader 数据动态生成 SEO meta

看看大部分框架怎么处理 <head>：元数据是配置对象。你把字符串和键值对塞进框架规定的 schema，框架再把它们转成 HTML 标签。 Pareto 反其道而行。在 Pareto 里，head.

9天前
48
1
评论

Pareto 动态路由实战：[slug]、catch-all、嵌套布局

文件路由这东西，看起来简单，真动手写复杂应用时才知道坑在哪。动态 blog slug、多层级文档路径、共享侧边栏的租户仪表板、共享布局但不共享 URL 前缀的营销页——每一个真实项目都要用到，每一个框

14天前
40
1
评论

在 React 中构建沉浸式 Web 应用：全屏、屏幕常亮与系统通知

Web 已经悄悄地长成了一个真正的应用平台。一个阅读应用应该能让浏览器框架隐去、铺满整个屏幕。一个视频播放器应该在播放时阻止屏幕熄灭。一个计时器应该即使在标签页处于后台时也能提醒用户。一个食谱应用应该

16天前
72
2
评论

5 分钟用 Vite SSR 搭建一个全栈 React 应用

Vite 是 JavaScript 生态中最快的开发服务器。但用它做 SSR 一直意味着自己接 renderToPipeableStream、配置 client/server 构建、处理 hydrat

16天前
88
1
评论

React 文件处理：上传、拖放区与对象 URL

任何稍有规模的应用最终都要处理文件。个人资料编辑页要传头像。笔记应用要附加图片。CSV 导入器要拖放区。相册要在客户端生成缩略图。而每一个这样的功能都要从零开始重做一遍——因为 React 里的文件处

18天前
47
1
评论

超越 useState：掌握 React 进阶状态模式

useState 是 React 状态管理的主力。处理简单场景绰绰有余——一个控制弹窗的布尔值、一个输入框的字符串、一个计数器的数字。但需求稍微复杂一点——你需要上一次渲染的值、想对搜索词做防抖、要写

20天前
78
1
评论

不用 Server Components 也能做 React 流式 SSR —— 实战指南

React Server Components 几乎垄断了流式 SSR 的话题。但 RSC 不是唯一的方案——对很多应用来说，它带来的复杂性远超收益。你完全可以用 renderToPipeableS

22天前
60
1
评论

React 鼠标追踪与交互效果实战

鼠标是桌面端最核心的输入设备，围绕它构建精致的交互效果 -- 跟随指针的自定义光标、对按压做出响应的按钮、刮刮卡揭示动画、从屏幕任意位置吸取颜色的取色器 -- 是让应用从"能用"走向"好用"的关键。然

22天前
74
1
评论

从 Next.js 迁移到 Pareto：哪些变了，哪些没变

你熟悉 Next.js，熟悉文件路由、布局、SSR。你大概也熟悉那些痛点：Server Components vs Client Components，满屏的 "use client"，莫名其妙的 h

28天前
106
1
评论

个人成就

文章被点赞 159

文章被阅读 19,755

掘力值 1,758

加入于

2021-08-13