栗子前端技术周刊第 69 期 - @eslint/css、React Router 7.2.0、create-tsrouter-app...

晓得迷路了
777 阅读2分钟

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

📰 技术资讯

  1. @eslint/css：早在 2024 年 7 月，ESLint 团队就宣布了要将 ESLint 打造为通用校验器的计划。2024 年 10 月，ESLint 宣布支持 JSON 和 Markdown，现在，ESLint 正式支持 CSS 校验。
import css from "@eslint/css";

export default [
    // lint css files
    {
        files: ["**/*.css"],
        plugins: {
            css,
        },
        language: "css/css",
        rules: {
            "css/no-duplicate-imports": "error",
        },
    },
];

  1. React Router 7.2.0：该版本更新内容包括：提供了一个类型安全的 href 工具，能支持路径自动补全和参数验证、增强了预渲染功能、允许在 SPA 模式下使用根路由的 loader 等等。

  2. create-tsrouter-app：TanStack 团队刚刚发布了 create-tsrouter-app，作为 create-react-app 的直接替代，它使用 TanStack Router 和 Vite 为你创建一个简洁的 SPA（单页） React 应用。

  3. React Native 0.78：React Native 0.78 支持了 React 19，添加了对 Android XML 资源的支持，引入了 RCTReactNativeFactory 新类以改进 React Native 在 iOS 上的集成，同时 2025 年 React Native 的更新策略将调整为更小更频繁。

  4. Deno 2.2：Deno 2.2 发布，内容包括内置的 OpenTelemetry 集成、linter 更新、更新依赖关系的新交互方式、node:sqlite 支持、TypeScript 5.7 等等。

📒 技术文章

  1. The Temporal API: How JavaScript Dates Might Actually Be Getting Fixed：Temporal API 如何解决 JavaScript Date 的问题 - 文中作者将带大家深入了解 Temporal API，看看它能否一劳永逸地解决 JS 的日期问题。

  2. Token 无感刷新：打造无缝用户体验与坚实安全防线：文章介绍了 Token 无感刷新技术，包括 Token 工作原理、传统有效期设置的弊端，Token 无感刷新的概念和应用场景，以及实现 Token 无感刷新的多种技术。

  3. 给准备当前端组长的你一点小建议：文章介绍了技术栈如何选型、项目功能点研发时间评估、封装思想和跨技术组件复用的方式等等内容。

🔧 开发工具

  1. Heat.js：热力图可视化库，无其他依赖，多语言支持。
image-20250222155047663
  1. scroll-snap 5.0：滚动吸附库，2KB 大小，60fps 的滚动性能。
scroll-snap2
  1. ExcellentExport.js：支持将表格数据导出为 Excel 或 CSV。
<table id="datatable">
  <tr>
    <td>100</td> <td>200</td> <td>300</td>
  </tr>
  <tr>
    <td>400</td> <td>500</td> <td>600</td>
  </tr>
</table>

<a
  download="somedata.xls"
  href="#"
  onclick="return ExcellentExport.excel(this, 'datatable', 'Sheet Name Here');"
>
  Export to Excel
</a>

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

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

avatar
文章
阅读
粉丝