栗子前端技术周刊第 57 期 - Angular v19、React v19rc1、TypeScript 5.7...

946 阅读3分钟

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

📰 技术资讯

  1. Angular v19:Angular 19 已正式发布,更新亮点包括:增量水合、事件重放、路由级别的渲染模式、Zoneless 支持、稳定核心响应性 API 并引入两个新响应式基础能力(linkedSignalresource)等等。

  2. React v19rc1:v19rc1 版本增加了一个新能力 - 预热(prewarming)。预热能力主要是优化了 Suspense 功能,让界面能更快显示 fallback 的同时,也会预渲染其他同级组件,从而避免了 v19rc0 中 Suspense 加载为瀑布流的问题。

image-20241124124136915
  1. TypeScript 5.7:TypeScript 5.7 正式发布,版本内容和 RC 版本一致,包括未初始变量检查的增强、相对路径的路径重写、支持 --target es2024--lib es2024 等等。

  2. React Router v7:React Router v7 稳定版正式发布,React Router v7 将开发者所喜爱的 Remix 的所有功能都带回了 React Router,官方鼓励所有 Remix v2 用户升级到 React Router v7。

  3. Node v18.20.5 (LTS):Node v18.20.5 (LTS) 发布,Node v18 仍处于 “维护 LTS” 阶段(至 2025 年 5 月),虽然整体上不会有什么大动作,但该版本也更新了许多关键依赖项,并将导入属性和 JSON modules 的支持标记为稳定。

import jsonObject from './file.json' with { type: 'json' }
  1. 2024 HTML 状态调查结果:2024 HTML 状态调查结果已公布,总体而言,互操作性有了明显的改善,而且随着 HTML 的功能越来越多,构建高性能、可访问和交互式的 HTML 优先的用户界面也变得越来越容易,这使得减少 JavaScript 的使用成为可能。同时 2024 JS 状态调查已开启,如果你感兴趣的话可以去参与。

📒 技术文章

  1. Importing a Frontend JavaScript Library Without a Build System:在不使用构建系统的情况下导入前端 JavaScript 库 - 在本篇文章中,作者将讨论 JS 库的三种主要文件类型(umd、esm、commonjs)、如何确定某一个 JS 库有支持哪些类型以及如何在代码中导入这几种类型文件。

  2. Exploring JavaScript Symbols:探索 JavaScript Symbols - 作者将介绍它是什么、为什么重要以及如何有效使用它。

  3. 一种纯前端的H5灰度方案:文章主要介绍了 H5 灰度方案,先阐述灰度发布的概念及本质,随后详细介绍了各种可选的灰度方案和纯前端灰度方案。

  4. axios接口去重、数据持久化:简洁明了地介绍了 axios 接口去重和数据持久化。

🔧 开发工具

  1. number-flow:数字的格式化和本地化,同时带有过渡效果。无其他依赖,支持定制化,可用于 Vue、React 和 Svelte。
number-format
  1. Vue 3 VS Code Snippets:这个 VSCode 插件提供了很多 Vue3 的模板代码,能加快你的开发速度。
vue3-template3
  1. Shiki v1.23:Shiki 是一款美观且功能强大的语法高亮器,它基于 TextMate 语法和主题,与 VS Code 的语法高亮引擎相同,能为几乎所有主流编程语言提供非常准确和快速的语法高亮显示。
image-20241124131437753
  1. Viselect:让用户可视化地选择 DOM 元素,支持原生、React、Vue。
Viselect
  1. React Scan:Million 团队刚刚发布了 React Scan,它可以扫描出 React 应用中那些存在问题的渲染,并高亮显示需要修复的组件。
react-scan

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

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