栗子前端技术周刊第 64 期 - 2024 JS star 榜单、Node v23.6.0、pnpm v10...

晓得迷路了
1,056 阅读2分钟

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

📰 技术资讯

  1. 2024 JS star 榜单：JavaScript star 榜单已经是第 9 个版本了，在这里你可以从框架、组件库、工具等各个维度了解 2024 年影响 JavaScript 生态系统的顶级趋势和项目有哪些。
image-20250111135344098

  1. Node v23.6.0：自从 Node v22.6 引入了实验性的类型剥离（--experimental-strip-types）功能后，TypeScript 就可以直接在 Node 中运行了，现在更进一步的是，在近期发布的 Node v23.6 版本中，Node 将默认支持 TypeScript（--experimental-strip-types 默认开启），也就是说你可以直接运行 node file.ts，但是需要注意的是 TypeScript 的支持目前还是实验性的。

  2. pnpm v10：pnpm v10 正式发布，更新内容包括依赖项的生命周期脚本不会在安装期间执行、pnpm link 行为更新、使用 SHA256 进行安全哈希处理等等。

  3. Docusaurus 3.7：面向文档的静态网站生成器，此次更新兼容了 React 19，同时你可以根据自己的需要配置 SVGR，从而更灵活的将 SVG 文件作为组件。

📒 技术文章

  1. React Router 7 Tutorial：React Router 7 教程 - 以作者 Robin 一贯平易近人、简单易学的风格编写的入门教程。

  2. Frontend Developer Roadmap：前端开发人员路线图 - 循序渐进的前端开发 2025 指南。

image-20250111140913679
  1. 你的骨架屏用对了吗？：本文回顾了骨架屏的诞生，通过案例阐述其存在的问题，随后介绍了好的骨架屏应具备的特点，最后讨论了骨架屏与量化指标，强调应结合实际需求，以提升用户体验为核心目的来做好骨架屏。

🔧 开发工具

  1. mermaid-js：mermaid-js 是一个基于 Javascript 的图表绘制工具，通过解析类 Markdown 的文本语法来实现图表的创建和动态修改。Mermaid 诞生的主要目的是让文档的更新能够及时跟上开发进度。
image-20250111082440788
  1. Microdiff：Microdiff 是一个极小（<1kb）、快速、零依赖的对象和数组比较库，支持 TypeScript。
microdiff
  1. Easing Graphs： 用于 CSS 和 Framer Motion 的缓动曲线图库。
image-20250111141616092

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

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

avatar
文章
阅读
粉丝