本期看点:一个专门为 AI 聊天系统设计的 React 组件库 assistant-ui;一篇全面介绍了不同类型的 React 组件文章;可视化解释 React 的 'use client'
编辑:TimLi
🔥 本周热门
🤖 assistant-ui:用于 AI 聊天的 React 组件 —— 这个库不仅提供了界面组件,还集成了 Vercel AI、Langchain 以及其他常见的 LLM API(如 OpenAI 的),让你能快速构建自己的内部 AI 聊天系统。查看示例。
Simon Farshid
React 组件类型概览 —— 全面介绍了不同类型的 React 组件,包括基本代码示例,涵盖了从 createClass
构建的组件、类组件、高阶组件、函数组件到更现代的选项。这是对我们 2019 年首次推荐的文章的重大更新。
Robin Wieruch
为什么我给了 Expo 第二次机会 —— 如果你上次接触 Expo 是几年前,而且印象不太好,那么你可能想像这位开发者一样再看一眼。它是构建 React Native 应用程序的强大工具。
Yushan Fernando(Expo 博客)
💡 继续谈 Expo,你知道可以逐步采用 Expo 吗?
▶ React 可视化解释:use client
—— 我们推荐这个视频不仅因为其内容,还因为其风格:我们喜欢主持人和她呈现的材料简单直接、剪辑紧凑、重点突出。
Delba Oliveira(Vercel)
▶ 纽约时报的 React 18 实践,对话 Ilya Gurevich —— 纽约时报的一位高级工程师讨论了为他们的核心新闻网站实施 React 18 的过程。这是对他最近写的一篇博客文章的后续。
Gregor Vand(Software Engineering Daily)播客
📄 使用 Cloudflare Workers 为所有人提供部分预渲染 —— 在普通的 React SSR 应用程序中实现类似 Next.js 的 PPR。Sunil Pai
📄 Web Components 不是框架组件——这没什么问题 Lea Verou
📄 如何通过 URL 控制 React 组件 Sam Selikoff
📄 如何使用 TinyBase 同步响应式本地优先的 Expo 应用程序 James Pearce(Expo)
📄 使用 React Leaflet 轻松创建令人惊叹的地图 JavaScript Development Space
快讯:
🎸 Kent C. Dodds ▶️ 录制了一个音乐视频来庆祝他专注于 React 19 的 Epic React 课程的发布。更令人惊讶的是,他在 Spotify 上发布了▶️ 一整张 AI 生成的 React 主题专辑。🫣
在 X 平台上,Gumroad 的创始人表示"Ruby on Rails 是一种技术债务",并说他们正在将 Gumroad 迁移到使用 TypeScript 和 React。
目前仅在代码库中,React Router 已经实现了为路由模块生成类型的功能。
🛠 代码与工具
Vaul v1.0:一个简单设计精良的抽屉组件 —— 我们最近提到过这个组件,现在它已经发布了 v1.0 版本。它简单、干净、快速,同时非常灵活。现在还有新的"入门"文档,Emil 在这里解释了设计过程。
Emil Kowalski
React Spectrum 2024 年 9 月 30 日发布 —— Adobe 的无障碍组件套件迎来重大更新,新增七个颜色选择器组件(包括 Tailwind 入门套件示例)、两个用于构建手风琴/可折叠面板的"Disclosure"组件,以及 Tree/TreeView 进入测试阶段。
Adobe
用于渲染 Shell 风格进度指示器的 React 组件 —— 你知道那种用各种 Unicode 字符组合交替显示的进度条吗?这是一个非常简单的实现。
Frank Fiegel
React95 v9.0:Windows 95 风格的 React 组件库 —— 几年前我们认为这只是一个可爱的玩具项目,很快就会过时,但事实并非如此,它一直在不断更新 —— 我们喜欢它!现在我们只需要看到更多的网站使用它了。:-)
React95 团队
版本发布:
React DevTools v6.0 —— 浏览器扩展尚未更新。
TanStack Query v5.59 —— 异步状态管理和数据获取。现在对
React.use()
提供实验性支持。React Suite v5.71 —— React 组件套件。(查看示例。)
React Native Skia v1.4.2 —— React Native 的高性能 2D 图形库。
🗓️ React Big Calendar v1.15 —— 类似 GCal/Outlook 的日历组件。
🗓️ Schedule-X v2.3 —— Material Design 风格的事件日历和日期选择器。
BlockNote v0.15.11 —— "Notion 风格"的基于块的编辑器。
🙋🏻♀️ 关注我们