思凡资源网

思凡资源网

栗子前端技术周刊第 52 期 - Nuxt UI v3-alpha、Next.js 15 RC 2、Node v23

sifan10 0 33 次浏览 技术文章

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

技术资讯

  1. Nuxt UI v3-alpha 发布[1]：Nuxt UI v3-alpha 正式发布，这是一个重大版本，内容包括：核心基础组件从 Headless UI 调整为 Radix Vue、集成了 Tailwind CSS v4-alpha、采用 Tailwind Variants 来管理设计系统等等。
  2. Next.js 15 RC 2[2]：Next.js 15 RC 2 发布，内容包括：可使用 @next/codemod upgrade 轻松升级项目中的 Next.js 和 React 版本、用于本地开发的 Turbopack 将在 Next.js 15 正式版中成为稳定功能、将依赖于特定请求数据的 API（如 headers、cookie、params 和 searchParams）过渡为异步 API 等等。
  3. Node v23[3]：最新版本系列的 Node v23 发布，该版本特别支持在默认情况下使用 require() 加载 ES 模块，放弃了对 32 位 Windows 的支持，稳定 node --run 命令。
  4. Zustand v5[4]：状态管理库 Zustand v5 发布，本次版本没有新增功能，删除了许多旧功能（删除了默认导出、删除过时的功能、不再支持 UMD/SystemJS 等），可以从 v4 版本平滑升级。

技术文章

  1. React Folder Structure in 5 Steps [2024][5]：React 项目的文件夹结构五步法，2024 版 - 本文将 React 文件夹结构的组织分解为五个步骤，从最简单的应用到更复杂的应用。
  2. How to Implement a 'Drag to Select' Mechanism[6]：如何实现 “拖动选择” 功能 - 作者希望实现基于拖动的选择，从而让用户更轻松地进行批量操作，文中很好地介绍了如何实现此功能。
  3. 探索 Rspack：前端构建的新魔法？[7]：在当今的前端开发领域，高效的构建工具对于项目的成功至关重要。在这个充满活力的领域中，Webpack 和 Vite 作为传统强者，各自拥有独特的特点，而如今，Rspack 作为一股新势力强势登场，为 Web 构建带来了新的机遇和挑战。
  4. 如何为上传文件取一个唯一的文件名[8]：文中分享了如何为文件取一个唯一的文件名，包括使用时间戳+随机数、文件 MD5 值、使用 UUID 三种方式。

开发工具

  1. Inquirer.js 12.0[9]：NodeJs 交互式命令行工具，提供了一系列灵活且易于使用的问答模版，可以方便地创建命令行交互式应用。
  1. nvm-desktop[10]：nvm-desktop 是一款桌面应用程序，可在可视化界面中管理多个 Node 版本。它由 Tauri 构建，支持 macOS、Windows 和 Linux 平台。
  1. Color Thief[11]：从图片中抓取调色板 - 给定一张图片后，它将使用 canvas 返回主色调列表，可在浏览器或 Node 中使用。
  1. fast-grid[12]：号称世界上性能最好的基于 DOM 的 web 表格，能够以 120fps 的速度运行，同时进行排序/过滤/滚动。

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

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

参考资料

[1] Nuxt UI v3-alpha 发布:
https://ui3.nuxt.dev/getting-started

[2] Next.js 15 RC 2: https://nextjs.org/blog/next-15-rc2

[3] Node v23: https://nodejs.org/en/blog/release/v23.0.0

[4] Zustand v5: https://github.com/pmndrs/zustand/releases/tag/v5.0.0

[5] React Folder Structure in 5 Steps [2024]: https://www.robinwieruch.de/react-folder-structure/

[6] How to Implement a 'Drag to Select' Mechanism: https://www.joshuawootonn.com/react-drag-to-select

[7] 探索 Rspack：前端构建的新魔法？:
https://juejin.cn/post/7426287101425926198

[8] 如何为上传文件取一个唯一的文件名:
https://juejin.cn/post/7424901430378545164

[9] Inquirer.js 12.0: https://github.com/SBoudrias/Inquirer.js

[10] nvm-desktop: https://github.com/1111mp/nvm-desktop

[11] Color Thief: https://lokeshdhakar.com/projects/color-thief/

[12] fast-grid: https://github.com/gabrielpetersson/fast-grid

原文链接：，转发请注明来源！
思凡资源网 › 技术文章 › 栗子前端技术周刊第 52 期 - Nuxt UI v3-alpha、Next.js 15 RC 2、Node v23