思凡资源网

思凡资源网

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

sifan10 0 16 次浏览 技术文章

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

技术资讯

  1. Angular v19[1]：Angular 19 已正式发布，更新亮点包括：增量水合、事件重放、路由级别的渲染模式、Zoneless 支持、稳定核心响应性 API 并引入两个新响应式基础能力（linkedSignal 和 resource）等等。
  2. React v19rc1[2]：v19rc1 版本增加了一个新能力 - 预热（prewarming）。预热能力主要是优化了 Suspense 功能，让界面能更快显示 fallback 的同时，也会预渲染其他同级组件，从而避免了 v19rc0 中 Suspense 加载为瀑布流的问题。
  1. TypeScript 5.7[3]：TypeScript 5.7 正式发布，版本内容和 RC 版本一致，包括未初始变量检查的增强、相对路径的路径重写、支持 --target es2024 和 --lib es2024 等等。
  2. React Router v7[4]：React Router v7 稳定版正式发布，React Router v7 将开发者所喜爱的 Remix 的所有功能都带回了 React Router，官方鼓励所有 Remix v2 用户升级到 React Router v7。
  3. Node v18.20.5 (LTS)[5]：Node v18.20.5 (LTS) 发布，Node v18 仍处于 “维护 LTS” 阶段（至 2025 年 5 月），虽然整体上不会有什么大动作，但该版本也更新了许多关键依赖项，并将导入属性和 JSON modules 的支持标记为稳定。
import jsonObject from './file.json' with { type: 'json' }
  1. 2024 HTML 状态调查结果[6]：2024 HTML 状态调查结果已公布，总体而言，互操作性有了明显的改善，而且随着 HTML 的功能越来越多，构建高性能、可访问和交互式的 HTML 优先的用户界面也变得越来越容易，这使得减少 JavaScript 的使用成为可能。同时 2024 JS 状态调查已开启，如果你感兴趣的话可以去参与。

技术文章

  1. Importing a Frontend JavaScript Library Without a Build System[7]：在不使用构建系统的情况下导入前端 JavaScript 库 - 在本篇文章中，作者将讨论 JS 库的三种主要文件类型（umd、esm、commonjs）、如何确定某一个 JS 库有支持哪些类型以及如何在代码中导入这几种类型文件。
  2. Exploring JavaScript Symbols[8]：探索 JavaScript Symbols - 作者将介绍它是什么、为什么重要以及如何有效使用它。
  3. 一种纯前端的H5灰度方案[9]：文章主要介绍了 H5 灰度方案，先阐述灰度发布的概念及本质，随后详细介绍了各种可选的灰度方案和纯前端灰度方案。
  4. axios接口去重、数据持久化[10]：简洁明了地介绍了 axios 接口去重和数据持久化。

开发工具

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

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

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

参考资料

[1] Angular v19: https://blog.angular.dev/meet-angular-v19-7b29dfd05b84

[2] React v19rc1: https://github.com/facebook/react/issues/29898#issuecomment-2477449973

[3] TypeScript 5.7: https://devblogs.microsoft.com/typescript/announcing-typescript-5-7/

[4] React Router v7: https://reactrouter.com/

[5] Node v18.20.5 (LTS): https://nodejs.org/en/blog/release/v18.20.5

[6] 2024 HTML 状态调查结果: https://2024.stateofhtml.com/zh-Hans/

[7] Importing a Frontend JavaScript Library Without a Build System: https://jvns.ca/blog/2024/11/18/how-to-import-a-javascript-library/

[8] Exploring JavaScript Symbols: https://www.trevorlasn.com/blog/symbols-in-javascript

[9] 一种纯前端的H5灰度方案: https://juejin.cn/post/7438840414239326227

[10] axios接口去重、数据持久化: https://juejin.cn/post/7439196625124343843

[11] number-flow: https://github.com/barvian/number-flow

[12] Vue 3 VS Code Snippets: https://marketplace.visualstudio.com/items?itemName=exer7um.vue-3-vscode-snippets

[13] Shiki v1.23: https://shiki.matsu.io/

[14] Viselect: https://simonwep.github.io/selection/

[15] React Scan: https://react-scan.million.dev/

原文链接：，转发请注明来源！
思凡资源网 › 技术文章 › 栗子前端技术周刊第 57 期 - Angular v19、React 19rc1、TypeScript 5.7