栗子前端技术周刊第 49 期 - Bun v1.1.29、Valtio 2.0、ViteConf 即将开始...

晓得迷路了
797 阅读2分钟

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

📰 技术资讯

  1. Bun v1.1.29：此版本中 C 语言编译功能获得了 N-API 支持，其他更新内容为相关 bug 修复。

  2. Valtio 2.0：用于 React 和 Vanilla JS 的状态管理器 Valtio v2.0 发布，内容包括对外暴露了内部状态和函数，不再复制初始对象等等。

  3. ViteConf：ViteConf 将在 10.3 - 10.4 召开，会议内容包括：Vite 和 JavaScript 工具的未来、Oxc 和 Rolldown、Environment API 等等

📒 技术文章

  1. 10 Practical Tips for Better Vue Apps：更好地开发 Vue 应用的 10 个实用技巧 - 内容包括使用 Composition API 和 <script setup> 编写更简洁的组件代码、利用 defineProps 和 defineEmits 实现类型安全的 Props 和 Emits 等等。

  2. Don't Sleep on AbortController：不要忽视 AbortController - AbortController 是一种广泛可用的机制，最初用于按需中止 Web 请求，但它的用途远不止于此。

  3. 如果你使用的第三方库有 bug，你会怎么办：文中将介绍三种解决第三方库 bug 的方法，并重点介绍使用 patch-package 库来修复 bug 的全过程。

🔧 开发工具

  1. CodeViz：VSCode 扩展，用于可视化和快速浏览代码的架构和功能。
codeviz
  1. React Loading Skeleton：React 骨架加载库。
import Skeleton from 'react-loading-skeleton'
import 'react-loading-skeleton/dist/skeleton.css'

function BlogPost(props) {
  return (
    <div>
      <h1>{props.title || <Skeleton />}</h1>
      {props.body || <Skeleton count={10} />}
    </div>
  );
}
  1. Vue Mess Detector：Vue 项目的代码和质量分析 - 这是一款静态分析工具，可捕捉 Vue 项目中的各种 Bug 和代码质量问题，该工具基于《Vue.js 风格指南》和其他指南中的规则而构建。
image-20240929081155905

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

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

avatar
文章
阅读
粉丝