栗子前端技术周刊第 72 期 - 快 10 倍的 TypeScript、React Router 7.3、Astro 5.5...

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

📰 技术资讯

  1. 快 10 倍的 TypeScript:微软将使用 Go 语言对 TypeScript 进行全面重写,以提高其性能。其中关键性能提升包括:构建时间缩短约 10 倍,项目加载速度提升 8 倍,内存占用减少至当前实现的大约一半。这个特性将会在 TypeScript 7.0 正式发布,最初的预览版将于 2025 年年中推出。至于为什么不使用 Rust,官方回答是 Go 语言在重写 TypeScript 的方面提供了更高的可移植性,同时提供具有竞争力的性能表现。

  2. React Router v7.3:React Router v7.3 发布,带来了 Vite 环境 API 的改进、客户端上下文(unstable)和中间件(unstable)等功能。

  3. Astro 5.5:Astro 5.5 更好地支持图表工具、改进了 Markdown 兼容性和类型安全会话(sessions)。

  4. Nuxt 3.16 :Nuxt 3.16 引入了新的 create-nuxt 命令,它是 nuxi init 的精简版,让你能更快的初始化项目;升级 unhead 到 v2 以改进上下文处理;增强了 Nuxt Devtools 等。

  5. Bun v1.2.5:Bun 此次更新内容为:对前端开发服务器的改进、CSS modules 支持、更好的 Node-API 兼容性等。

📒 技术文章

  1. 7 Powerful JavaScript Inheritance Techniques:7 种强大的 JavaScript 继承实现方式 - JavaScript 提供了多种继承模式,包括原型链继承、构造函数继承、组合继承、寄生继承、原型式继承、寄生组合式继承以及 ES6 的类继承。每种方法都有其独特的优势和局限性,为不同的应用场景提供了多样化的解决方案。

  2. Beyond React.memo: Smarter Ways to Optimize Performance:超越 React.memo:更巧妙的性能优化方法 - 提到性能优化,React.memo 通常是开发们最先使用的 API,但在很多情况下,还有更简单、更优雅、更符合 React 特性的解决方案。

  3. 前端白屏检测SDK:从方案设计到原理实现的全方位讲解:文章先介绍了白屏的表现和原因,接着对比了各个检测方案,最后介绍了页面关键点采样对比这一方案的数据采集。

🔧 开发工具

  1. Ink 5.2:在 React 中使用 Ink 构建交互式 CLI 应用。
  1. code-inspector:点击页面元素查看源代码,可定位到 IDE 源码中。
  1. Chrome Extension Boilerplate:Chrome 扩展工具模板,使用 React 和 Typescript 创建 Chrome/Firefox 扩展。

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

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

相关推荐
heRs BART9 分钟前
spring-boot-starter和spring-boot-starter-web的关联
前端
龙猫里的小梅啊10 分钟前
CSS(七)CSS列表控制
前端·css
浩冉学编程11 分钟前
微信小程序中基于java后端实现官方的文本内容安全识别msgSecCheck
java·前端·安全·微信小程序·小程序·微信公众平台·内容安全审核
李李李勃谦28 分钟前
鸿蒙PC配色方案工具:取色、配色生成与 CSS 导出
前端·css·华为·harmonyos
threelab34 分钟前
Three.js 咖啡杯烟雾效果 | 三维可视化 / AI 提示词
开发语言·javascript·人工智能
Jul1en_1 小时前
Claude 迁移 Codex 工作流迁移与更新
java·服务器·前端·后端·ai编程
Heo1 小时前
14_React 中的更新队列 updateQueue
前端·javascript·面试
前端 贾公子1 小时前
解决浏览器端 globalThis is not defined 报错
前端·javascript·vue.js
宁雨桥1 小时前
前端与AI结合实战分享
前端·人工智能
之歆1 小时前
DAY12_CSS3选择器全攻略 + 盒子新特性完全指南(下)
前端·javascript·css3