栗子前端技术周刊第27期 - Node.js v22、React 19 Beta、JS Naked Day...

晓得迷路了
1,003 阅读3分钟

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

📰 技术资讯

  1. Node.js v22：Node 的最新、最前沿的主要版本发布，增加或增强了一些关键功能：支持在发布 ESM 的包情况下，同时保持对 CJS 用户的支持；内置了 WebSocket 客户端；V8 引擎升级到 12.4 等等。

  2. React 19 Beta：React 19 beta 发布，提供了 useActionState、useFormStatus 等 Hook；引入了新的 API use，用于处理资源加载；支持服务端组件；函数组件支持 ref 属性，无需使用 forwardRef 等等。

function MyInput({placeholder, ref}) {
  return <input placeholder={placeholder} ref={ref} />
}

//...
<MyInput ref={ref} />

  1. React Native 0.74：跨平台原生应用程序框架的重要发布。它包含 Yoga 3.0 布局引擎，使用新架构时无桥 (Bridgeless) 模式成为默认模式，Yarn 3 成为新项目的默认包管理器。

  2. JS Naked Day：4 月 24 日是 JS Naked Day，这是一个完全不使用 JavaScript 的日子，旨在推广 web 标准、优美降级、可维护性等。验证下你的网站不启用 JavaScript 的情况下是否能正常运行。

  3. 2024 前端开发手册：一本深入、详细、免费的 web 开发指南，内容包括代码编辑器、CSS、用户体验、用户界面、命令行、流行工具和框架、性能、可访问性、测试、人工智能等一切内容的绝佳资源。

📒 技术文章

  1. Why you shouldn't use Enums!：为什么不应该使用枚举 Emus？ - Jan-Niklas 深入分析了 TypeScript 中的枚举问题以及如何解决这些问题。

  2. Learn OAuth 2.0 by Building Your Own OAuth Client: 通过构建自己的 OAuth 客户端来学习 OAuth 2.0 - 作者刚开始学习 OAuth 时，发现很多教程重概念、轻代码，因此他构建了一些真正代码优先的教程，即使你对这个主题不感兴趣，也值得一看。

  3. 【前端做不了！】打开新标签页创建成功，通知其他页面更新：本文将为你介绍窗口通信使用场景、应用、实现。

  4. Vue3 响应式：ref vs reactive，5分钟消除使用困惑：通过 Vue3 响应式 ref 和 reactive 的对比 ，让读者了解响应式整体流程，帮助读者对 Vue 的工作原理建立一个整体的认识和理解。

🔧 开发工具

  1. CSS 形状集合：CSS 单元素实现各种形状。有很多选择，包括一些相当新颖的形状。一键复制代码！
  1. MarkdownDown：将任何网页转换为的简洁 Markdown，只需输入 URL 即可下载，同时支持设置是否过滤非内容元素、是否下载图片等等选项。
  1. consent-banner-js：直观的零依赖、轻量级 Cookie 横幅 - 仅约 3KB，与框架无关。
  1. typed-xlsx: 功能丰富、类型安全的 Excel 报表 - 以类型安全的方式轻松制作复杂的 Excel 报告。

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

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

avatar
文章
阅读
粉丝