AI划重点

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

赞

126

|

搜索文章

3天前

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

你打开 Chrome DevTools 看一下产品详情页。Network 面板里只有一行关键的请求——HTML 文档本身——它的"Waiting for response"...

1

评论

9天前

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

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

1

评论

14天前

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

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

1

评论

15天前

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

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

2

评论

16天前

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

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

1

评论

17天前

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

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

1

评论

20天前

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

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

1

评论

21天前

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

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

1

评论

22天前

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

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

1

评论

27天前

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

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

1

评论

28天前

不用 WebSocket 库，在 React 中构建实时功能

一提到"实时"，开发者就会想到 WebSocket 库。Socket.IO、Pusher、Ably -- 生态中有太多选择了。但很多实时功能根本不需要双向通信。股票行情、通...

2

评论

29天前

我们把自己的 SSR 框架和 Next.js 做了全方位性能对比

我们做了 Pareto，一个基于 Vite 的轻量级流式 React SSR 框架。光说快不够——所以我们构建了一套自动化基准测试套件，在完全相同的硬件上将 Pareto ...

1

评论

1月前

React 滚动效果：告别第三方库

滚动是 Web 上最基础的用户交互。随阅读进度填充的进度条、滑动后缩小并吸顶的导航栏、打开弹窗时锁定背后页面的滚动、点击按钮平滑跳转到指定区域——这些效果几乎出现在每个现代...

0

评论

1月前

React 实时同步：跨浏览器标签页的状态管理

你的用户在一个标签页中退出了登录，但在另一个标签页中，他们仍然可以浏览需要认证的内容。他们将主题切换为深色模式，但其他三个标签页依然是浅色。他们在购物车中添加了商品，切换到...

1

评论

1月前

Pareto 3.0 发布：基于 Vite 7 的轻量级 React SSR 框架

Pareto 3.0 彻底重写 - Rspack 换成 Vite 7，要求 React 19，精简路由约定，Immer 驱动的状态管理，新的错误边界组件。...

1

评论

1月前

使用 Hooks 构建无障碍 React 组件

无障碍不是上线前才需要检查的清单，而是从第一行代码开始就需要贯彻的设计约束。谈到 React 中的无障碍，大多数开发者会想到 ARIA 属性、语义化 HTML 和屏幕阅读器...

1

评论

1月前

React 拖拽：无需第三方库的完整方案

拖拽是用户期望"理所当然能用"的交互之一。无论是对任务看板重新排序、通过拖动文件上传，还是让用户在仪表盘中重新排列小组件，抓取并移动的操作都让人感觉自然流畅。然而大多数 R...

0

评论

1月前

useMediaQuery：React 响应式设计完全指南

CSS 媒体查询能处理大部分响应式布局工作，但有时你需要在 JavaScript 层面让 React 组件感知当前的视口、用户偏好或设备能力。无论是条件渲染移动端导航、检测...

0

评论

1月前

React Hooks 性能优化：如何避免不必要的重新渲染

性能是区分生产级 React 代码和教程级代码的关键因素。大多数 React 应用其实并没有渲染问题——但有问题的那些会让人感觉迟钝、卡顿和令人沮丧。关键在于知道何时优化很...

3

评论

1月前

拓竹科技 Bambu Lab 内推 | 3D打印全球第一 | 社招校招均可 | 帮查进度/优化简历

Hi 各位，我在拓竹科技（Bambu Lab）工作，目前公司大量岗位开放，借此机会给大家推荐一下。关于拓竹做消费级3D打印机的，目前全球市场份额第一，成立五年已经是国内...

1

1

个人成就

文章被点赞 159

文章被阅读 19,737

掘力值 1,758

加入于

2021-08-13