栗子前端技术周刊第 58 期 (2024.12.2 - 2024.12.8):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。
技术资讯
- React v19[1]:在引入预热(prewarming)解决了 Suspend 加载为瀑布流的问题后,React19 正式发布,内容包括引入了 Actions 概念、新的 Hooks(use、useActionState 等)、新增两个 React DOM 静态 API 等等。
- Astro 5.0[2]:Astro 5.0 正式推出!Astro 是一个用于构建内容驱动网站的 Web 框架,使用场景包括博客、营销和电子商务等。此次更新引入了 Astro Content Layer,可以从任何来源加载内容,以及 Server Islands,将缓存的静态内容与动态个性化内容相结合,同时支持了 Vite6 、实验性的响应式图片能力和 SVG 组件等。
- Vue 2025 状态调查[3]:由 Vue.js 官方合作伙伴 Monterail 团队发起的 Vue 状态调查,感兴趣的同学可以去参与,最终的调查报告将在明年初公布。
- Ant Design X 1.0[4]:@ant-design/x 是一个专注于 React 生态的先进 AI 组件库,旨在简化与人工智能集成的开发过程。该库包括高度定制化的 AI 组件,允许开发者轻松地将对话 AI 集成到他们的应用中。
- JavaScript 29 岁了[5]:1995 年 12 月 4 日,Netscape 公司与 Sun 公司联合发布了 JavaScript 语言,如今已经 29 年了,没有人能预料到 JavaScript 会有今天的发展。还有一点,如果你想知道现在为什么甲骨文拥有 JavaScript 商标,那是因为 Sun 拥有这个商标,而甲骨文收购了 Sun(这也是甲骨文拥有 Java 商标的原因)。
技术文章
- TypeScript Utility Types: A Complete Guide[6]:TypeScript 实用工具类型指南 - 如果你现在就能回忆起有哪些常用的实用类型、如何使用它们、以及它们的区别(如 Exclude 和 Omit),那么你可以跳过这篇文章,不然可以阅读文章做个回顾,当然 TypeScript 官方文档也是一个选择。
- 前端 PDF 文档分页探索[7]:PDF 格式一般是导出打印的首选,文章介绍了如何将文档内容生成 PDF 文档并进行分页处理。
- 你知道JS中有哪些“好用到爆”的一行代码?[8]:JavaScript 一行代码,包括生成随机数、数组去重、检查变量类型、深拷贝对象、生成 UUID 等等。
开发工具
- Linkify[9]:Linkify 是一个 JavaScript 插件,它可以查找纯文本中的链接,并用 a 标签包裹,使其成为可点击的链接,链接类型包括 URL、hash 链接、@ 操作等等。
- Todoctor[10]:Todoctor 是一款功能强大的工具,通过 Git 来分析、跟踪和可视化代码库中的技术债务。Todoctor 能收集和监控代码中的 TODO/FIXME 注释,让你能观察到代码随时间发生的变化。
- Tailwind Colors[11]:所有 Tailwind CSS 颜色的小抄,支持点击复制任何颜色,也支持选择你所需的颜色格式。
以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。
欢迎关注微信公众号:栗子前端
参考资料
[1] React v19: https://react.dev/blog/2024/12/05/react-19
[2] Astro 5.0: https://astro.build/blog/astro-5/
[3] Vue 2025 状态调查: https://docs.google.com/forms/d/e/1FAIpQLSc6QQQ14ZuE4akaTZAkqOAMUSGjXVjKS-KuVu2eZ448jzK1Nw/viewform?pli=1
[4] Ant Design X 1.0: https://x.ant.design/index-cn/
[5] JavaScript 29 岁了: https://web.archive.org/web/20070916144913/http://wp.netscape.com/newsref/pr/newsrelease67.html
[6] TypeScript Utility Types: A Complete Guide: https://www.syncfusion.com/blogs/post/master-typescript-utility-types
[7] 前端 PDF 文档分页探索: https://juejin.cn/post/7443357518971469862
[8] 你知道JS中有哪些“好用到爆”的一行代码?: https://juejin.cn/post/7444829930175905855
[9] Linkify: https://linkify.js.org/
[10] Todoctor: https://github.com/azat-io/todoctor
[11] Tailwind Colors: https://tailscan.com/colors