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

晓得迷路了
872 阅读3分钟

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

📰 技术资讯

  1. Nuxt UI v3-alpha 发布：Nuxt UI v3-alpha 正式发布，这是一个重大版本，内容包括：核心基础组件从 Headless UI 调整为 Radix Vue、集成了 Tailwind CSS v4-alpha、采用 Tailwind Variants 来管理设计系统等等。

  2. Next.js 15 RC 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：最新版本系列的 Node v23 发布，该版本特别支持在默认情况下使用 require() 加载 ES 模块，放弃了对 32 位 Windows 的支持，稳定 node --run 命令。

  4. Zustand v5：状态管理库 Zustand v5 发布，本次版本没有新增功能，删除了许多旧功能（删除了默认导出、删除过时的功能、不再支持 UMD/SystemJS 等），可以从 v4 版本平滑升级。

📒 技术文章

  1. React Folder Structure in 5 Steps [2024]：React 项目的文件夹结构五步法，2024 版 - 本文将 React 文件夹结构的组织分解为五个步骤，从最简单的应用到更复杂的应用。

  2. How to Implement a 'Drag to Select' Mechanism：如何实现 “拖动选择” 功能 - 作者希望实现基于拖动的选择，从而让用户更轻松地进行批量操作，文中很好地介绍了如何实现此功能。

  3. 探索 Rspack：前端构建的新魔法？：在当今的前端开发领域，高效的构建工具对于项目的成功至关重要。在这个充满活力的领域中，Webpack 和 Vite 作为传统强者，各自拥有独特的特点，而如今，Rspack 作为一股新势力强势登场，为 Web 构建带来了新的机遇和挑战。

  4. 如何为上传文件取一个唯一的文件名：文中分享了如何为文件取一个唯一的文件名，包括使用时间戳+随机数、文件 MD5 值、使用 UUID 三种方式。

🔧 开发工具

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

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

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

avatar
文章
阅读
粉丝