385 期 - 使用 Bulletproof React 构建可扩展 React 应用程序
本期看点：本期带来了拥有 22k Star 的 React 大规模应用架构 Bulletproof-react，开源的基于 React 的游戏引擎，以及如何用 Next.js 和 Strapi 快速构建一个 AI 项目，最后还有 400 行代码实现一个 React。
编辑：Yucohny、TimLi
🔥 本周热门
Bulletproof React：适合生产的 React 应用程序可扩展架构 —— 如果你正为如何构建一个大规模的 React 应用程序而苦恼，这是一份值得参考的指南。这个长期以来的资源刚刚进行了重大更新，值得再看一看。
Alan Alickovic
🕹️ 雅典娜危机：一个由 React 驱动的高质量游戏 —— 这是一款商业的回合制策略游戏，现在 在 Steam 商店 可以找到，并且现在开源了它的引擎和工具。值得注意的是，这个游戏由 Null 发行，该公司由 GitHub 联合创始人 Chris Wanstrath 建立的独立游戏发行商。
Christoph Nakazawa
为什么选择 React Query？ —— 从基础原理开始，并提醒了 React 本身是什么，这是一个简洁且极易理解的说明，介绍了为什么 React Query（又名 TanStack Query）存在及其作用。
UI․dev
▶ 用 React 和 ElectricSQL 构建一个离线可用的问题跟踪应用程序 —— Kelvin 对这类东西非常在行。ElectricSQL 提供了一种在 Postgres 之上构建反应式、实时本地优先应用程序的方法。
Kelvin Omereshone
用 Next.js 和 Strapi 构建一个现实生活中的 AI 驱动项目 —— 使用 Strapi 开源的无头 CMS。我们几个月前推荐过这个，现在整个十部分系列教程已经全部上线。
Paul Bratslavsky（The Strapi Blog）
📄 用 400 行代码构建你自己的 React.js —— 一个学习练习。
Zachary Lee
📄 在 React 应用程序中渲染 Markdown 的一种不错的方法 —— 一篇关于如何处理这个常见任务的短小精悍文章。
Jordan Eldredge
📄 用 React Three Fiber 探索一个 3D 文本扭曲效果
Nine / Codrops
📄 通往更干净 React 架构的路径：API 层和数据转换
Johannes Kettmann
Lucas Garcez
快讯：
-
📅 Chain React 2024 是一个 React Native 会议，将于今年七月在俄勒冈州波特兰市举行。
-
😅 Akshay Nair 有一个 有趣的实验，展示了如何将 React 变成一种编程语言。但是不要在生产环境中这样做！
-
一个实用的超棒 React Tailwind CSS UI 组件库 列表。
🛠 代码与工具
React Google Maps v1.0：用于 Google Map 的组件和 Hook —— 与 2024 年的 Google I/O 同时发布，它提供了一种将 Google 的 Map API 集成到 React 应用程序中的方法，包含了一些用来放置标记、绘制地图等的组件。这是 GitHub 仓库。
OpenJS Foundation
ReacType v21.0：用于 React 开发者的可视化原型工具 —— 一个原型工具，始终关注视觉方面来充实 React 应用程序，包括一个拖放画布界面和实时组件预览。
ReacType 团队
版本发布：
-
React Awesome Query Builder v6.5 - 用户友好的逻辑查询构建器控件。这是 在线演示。
-
React Modal Sheet v3.1 – 使用 Framer Motion 构建的灵活的底部工作表组件，具有流畅的过渡效果。这是 演示。
-
react-native-svg-transformer v1.4 – 在 React Native 项目中轻松导入 SVG。
-
Prismane v1.6 – 包含各类功能的 React UI 库，内含丰富内容。
-
Next.js Boilerplate v3.48 – 配备齐全的启动应用程序。
-
Storybook v8.1 – 前端组件和 UI 工作坊。
-
ka-table v9.1 – 轻量级表格组件。这是 演示。
-
Redwood v7.5 – 基于 GraphQL 的 React 框架。
-
Astro v4.8 – 流行的 Web 框架/工具集。
-
MUI X v7.4 – 流行的 React 组件库。