栗子前端技术周刊第 70 期 - Ant Design X Vue、Redux Toolkit 2.6、Next.js 15.2...

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

📰 技术资讯

Ant Design X Vue：人工智能（AI）已深度融入我们的生活，如今 Vue 框架也迎来了首个 AI 组件库 - Ant Design X Vue，为开发者提供了强大的 AI 开发工具。

Redux Toolkit 2.6：该版本拓展了 RTK Query 功能，RTK Qeury 是数据获取和缓存的工具，旨在简化数据加载方面的编码，此版本在 RTK Qeury 原有功能基础上支持了无限查询（Infinite Query）。

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react'
import type { Pokemon } from './types'

// 定义
export const pokemonApi = createApi({
  reducerPath: 'pokemonApi',
  baseQuery: fetchBaseQuery({ baseUrl: 'https://pokeapi.co/api/v2/' }),
  endpoints: (build) => ({
    getPokemonByName: build.query<Pokemon, string>({
      query: (name) => `pokemon/${name}`,
    }),
  }),
})

// 使用
const { data, error, isLoading } = useGetPokemonByNameQuery('bulbasaur')

Next.js 15.2：Next.js 15.2 更新的内容包括：重新设计了程序错误时的 UI 和改进了堆栈跟踪、支持流式元数据、改进 Turbopack 性能等等。
Astro 5.4：Astro 5.4 优化了 Markdown 中的远程图片，增强了开发和预览服务器的安全性，支持 Vercel ISR excludes 的 RegExp 等等。
2024 React Native 状态调查结果：React Native 在过去一年中取得了长足的进步，尤其是 Expo 成为了 React Native 开发的主要框架。伴随这一转变的是新架构功能的集成，新架构提高了性能和开发体验。React 服务器组件的引入也标志着一个关键时刻的到来，使开发人员能够构建更加动态和高效的应用。

📒 技术文章

React.js Performance Guide：React 性能指南 - 内容包括三个部分：为什么要提升性能、8 个常见的 React 性能问题及解决方法、衡量和改进 React 性能的工具。
掌握 VSCode Snippets，解锁极速编码体验：文章介绍了如何使用 VSCode Snippets 帮助我们提升编码速度。
从 React 看前端 UI 代码范式革命：本文回顾了 React 在前端 UI 开发中的两次重大范式革命：组件化和函数式组件化。还分析了 React 如何通过 JSX、Hooks 等创新推动前端开发模式的变革，并探讨了其对现代前端开发的影响和未来可能的发展方向。

🔧 开发工具

BenchJS：基于浏览器的 JavaScript 基准测试工具，支持加载 ESM 模块的库。

React Markdown 10.0：React Markdown 组件。

MobVue：MobVue 是一个精心制作的移动端 H5 模板，基于 Vue3、Vite、TypeScript、Vant 等主流技术。

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

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