栗子前端技术周刊第 145 期 - Remix 3 RC、htmx 4.0、Rslib 1.0...

🌰栗子前端技术周刊第 145 期 (2026.08.31 - 2026.09.06):浏览前端一周最新消息,学习国内外优秀文章,让我们保持对前端的好奇心。

📰 技术资讯

  1. Remix 3 RC:Remix 3 RC,Remix 已基本完成大规模重构,从原本的 React 框架转变为独立的全栈框架。这篇文章的介绍十分出彩,但全新改版的首页更加值得一看,它阐述了 Remix 如何仅凭"单个软件包",就能提供构建现代 Web 应用所需的全部能力。

  2. htmx 4.0 :htmx 4.0 发布,允许仅通过 HTML 属性发起服务端请求(现已改用 fetch)并完成 DOM 更新,无需编写 JavaScript。v4 为重大版本更新:属性默认不再继承,需手动开启;内置 morph 置换算法;新增 <hx‑partial> 标签,用于多目标更新。

  3. Rslib 1.0:Rslib 1.0 正式发布,它基于 Rsbuild,可助力开发者开发各类 JavaScript 库。核心优势在于复用生态、支持模块联邦产物、统一构建流程。从 0.x 到 1.0 有性能显著提升。能输出多种格式产物,支持不同构建模式,具备快速类型生成等能力,还可与多工具协同。后续将提升构建能力、完善开发工作流。

  4. Vitest 5.0:Vitest 5.0 正式发布,在 React SPA 基准测试中速度提升约 15%;新增内置追踪视图,浏览器测试执行完毕后可回溯调试执行过程。迁移指南中列出了所有破坏性变更。

  5. NestJS 12:NestJS 12 正式发布,内容包括:默认采用 ESM 模块(CJS 仍然可用),使用 Rspack 替代 Webpack;新增 Standard Schema 支持,可便捷对接 Zod、Valibot 等校验库;同时带来结构化日志、全新官网等多项更新。

  6. Bun 1.4:Bun 1.4 的核心亮点是 Node.js 兼容性大幅提升,朝着"可直接替换 Node"的目标持续迈进。你可以在该页面查看项目进展,了解 Bun 的优势与短板。

📒 技术文章

  1. The Depths of JavaScript: Minesweeper in 247 Bytes:JavaScript 深度探秘:247 字节实现扫雷 - 解析一段可运行的 8×8 扫雷单行 JavaScript 代码,支持插旗与空白区域连锁展开。作者原本 658 字节的实现已经足够惊艳,本文讲解了如何将代码体积再压缩 62% 的各类技巧!

  2. What We Learned Building a Data Grid in React, Vue, and Svelte:跨 React、Vue、Svelte 开发数据表格的经验总结 - SVAR 为 React、Vue、Svelte 输出同一套数据表格组件。文章指出:无论使用哪种框架,对性能影响最大的核心要素都是相通的。

  3. 企业级 AI Coding 的 Harness 工程实战:本文围绕企业级 AI Coding 的 Harness 工程实战展开,介绍 8 个 Skill 串起全链路的方法。作者在推行全链路 AI 化时遇到诸多问题,于是创建 8 个覆盖完整闭环的 Skill,将产出收进 spec 目录。每个 Skill 有三个共同设计,全流程有四个底座,还有三条铁律。选 OpenSpec 作为工具,Skill 需结合业务打磨,建议先做一个痛点 Skill 再扩展。

🔧 开发工具

  1. Uppy 6.0:模块化 JavaScript 文件上传工具,支持本地磁盘、Dropbox、Google 云端硬盘的断点续传,同时提供 React、Vue、Svelte、Angular 封装组件。
  1. Quicklink:预加载可视区域链接,提升后续页面加载速度。利用浏览器空闲时间,预取当前视口内的链接页面,让后续页面跳转更加迅速。
  1. Cropper.js 2.2:图片裁剪组件。

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。

💖 欢迎关注微信公众号:栗子前端

相关推荐
lpfasd1237 小时前
node-sass 停止维护!老项目迁移 Dart Sass 完整教程
前端·rust·sass
Data analyse45610 小时前
rnweb 回放数据量太大怎么办?分片存储与断点续传的实现思路
前端·网络·算法·数据分析
xiaogai_gai10 小时前
金蝶收料通知单查询策略实战教程:从源系统拉取到中间层落地的完整路径
java·前端·数据库
环境栈笔记11 小时前
指纹浏览器 WebRTC 怎么设置?从 ICE 候选、代理出口到功能验证
前端·人工智能·后端·自动化
赵大仁11 小时前
官网性能优化实战:LCP 3.2s → 2.1s、CLS 0.107 → 0,以及被我推翻的 6 个判断
前端·性能优化·cls·lcp·core web vitals
xiancai_xianyu11 小时前
Text2SQL落地生产库前,SQL要过哪三道闸
前端·数据库·sql·sql注入·text2sql·ai agent开发·企业级ai框架
小羊没烦恼!11 小时前
T-SQL查询进阶--理解SQL SERVER中的分区表
服务器·开发语言·前端·javascript·html
史瓦辛格12 小时前
给 DeepSeek Harness 写费用插件:把「这次会话花了多少钱」算准
前端·deepseek
星光不问赶路人12 小时前
Vue 3 + TypeScript 中 enum 的使用实践
前端·vue.js
鸥梨菌Honevid12 小时前
UVM 中 REQ 和 RSP 类型详解:从通信模型到 item_done 与 put_response
java·前端·servlet