382 期 - 从零开始的现代 React 教程，包含服务器组件、Next.js 和 shadcn/ui
本期看点：本期带来一个最新现代 React 视频教程，从基础开始，包含一系列最新技术和最佳实践。还有 React Native 的重大更新（布局引擎版本升级 Yoga 3），以及如何为迎接 React 19 做好准备。
编辑：TimLi、Zhper、loveloki
🔥 本周热门
▶ 从 0 开始的现代 React 教程 —— Theo 是一个很受欢迎的 YouTuber 博主，他做过很多很受欢迎的教程。这是他最新的现代 React 教程，包含了服务器组件、Next.js、TypeScript、Drizzle ORM、pnpm 和 shadcn/ui。
Theo GG
React Native v0.74 发布 —— 跨平台原生应用框架的一个重要版本。它包括 Yoga 3.0 布局引擎，无桥模式 将成为默认设置，Yarn 3 是新项目的默认包管理器。
React Native Team
为 React 19 准备你的代码库 —— 你的应用程序准备好迎接 React 19 的发布了吗？快速预览一些已经确定的变更。
Adrienne Ross
使用 React Three Fiber 构建一个交互式 3D 参会证 —— Vercel 新出的一篇教程，介绍了他们是如何为 Vercel Ship 会议网站实现虚拟参会证。
Paul Henschel (Vercel)
📄 如何实现流线型认证：AWS Cognito 在 React 应用中的应用
📄 你不（总是）需要在 React 中使用 useState
📄 我如何为 React 使用 Express 构建服务器端缓存
📄 使用 Tailwind CSS 和 Headless UI 创建一个 React 命令调色板
📺 使用 Next.js、TailwindCSS、Clerk 和 Stream 构建一个 Discord 克隆版 — 只需六个小时！
快讯：
-
🕹 下一个 React Jam 在线游戏开发黑客马拉松将于 5 月 16-27 日举行。如果你对人们制作的各种事物感到好奇，可以查看 去年的获奖作品。
-
一个有趣的 gist，快速重新实现 Zustand 的主要功能，帮助你理解它在做什么。
-
Supabase Storage 现在支持 S3 协议。
🛠 代码与工具
Puck：一个自托管的 React 应用可视化编辑器 —— 我们几个月前提到过这个，但是它已经有了很多更新，包括支持 视口切换（你可以在 iframe 内渲染 Puck 预览并获得完全的媒体查询支持）。这里是 GitHub 仓库。
Measured Corporation Ltd.
React UI 组件库：大量汇总 —— 如果你曾经想知道有多少 UI 库可供 React 使用，这篇文章详细列举和描述了目前可用的库。
Durga Prasad Acharya
Vision Camera v4.0：React Native 应用的高级相机 —— 一个强大的相机库，用于捕获照片和视频，但也支持 QR/条形码扫描、不同的分辨率、纵横比、FPS，甚至帧处理器用于自定义操作。v4.0 现在让你可以直接在帧上使用 React Native Skia 绘图。(这是主页)。
Marc Rousavy
ReScript v11.1 发布 —— 曾经被称为 BuckleScript，ReScript 是一个深受 OCaml 启发的类型语言，可以编译为 JavaScript，甚至在语言中内置了 JSX 转换。传统上，这个 JSX 支持仅针对 React 使用案例，但现在也适用于 Vue、Preact 和其他方法。
ReScript
📞 react-phone-number-input：国际电话号码输入 —— 提供两种变体，带有和不带有国家选择器。主页上有很多演示。这是仓库。
Nikolay Kuchumov
Rehackt：React 包装器，用于从 RSC 编译器中隐藏钩子 —— 为库开发者设计，这个包装器无形中包装了 react，使你能够在服务器端的 Next.js 代码中使用共享导入，而不会向你的用户抛出错误。最近由于被 Apollo Client 使用而在受欢迎度上有所提升。
Lenz Weber-Tronic
react-native-circular-progress：动画圆形进度小部件 —— 这是 实际演示。
Bart Gryszko
版本发布：
-
MistCSS v0.4 —— 仅使用 CSS 创建组件！v0.4 添加了 Hono 和 CSS 变量支持。
-
React Native Skia v1.2.3 —— 高性能 2D 图形库，用于 React Native。
-
Tailwind Next.js Starter Blog v2.2 —— 一个博客启动模板。
-
React Native Share v10.2 —— 分享数据到其他（社交）应用。
-
Keep React v1.3 —— 基于 Tailwind CSS 构建的组件库。
-
MUI X v7.3 —— 受欢迎的 React 组件库，包含很多可视化组件和日期选择器。