React 中文周刊 #204 - assistant-ui: 一个快速构建 AI 聊天系统的 React 组件库

科技   2024-10-03 17:53   浙江  

本期看点:一个专门为 AI 聊天系统设计的 React 组件库 assistant-ui;一篇全面介绍了不同类型的 React 组件文章;可视化解释 React 的 'use client'

编辑:TimLi

🔥 本周热门

🤖 assistant-ui:用于 AI 聊天的 React 组件 —— 这个库不仅提供了界面组件,还集成了 Vercel AI、Langchain 以及其他常见的 LLM API(如 OpenAI 的),让你能快速构建自己的内部 AI 聊天系统。查看示例。

长按识别二维码查看原文   

https://github.com/Yonom/assistant-ui

Simon Farshid

React 组件类型概览 —— 全面介绍了不同类型的 React 组件,包括基本代码示例,涵盖了从 createClass 构建的组件、类组件、高阶组件、函数组件到更现代的选项。这是对我们 2019 年首次推荐的文章的重大更新。

长按识别二维码查看原文   

https://www.robinwieruch.de/react-component-types/

Robin Wieruch

为什么我给了 Expo 第二次机会 —— 如果你上次接触 Expo 是几年前,而且印象不太好,那么你可能想像这位开发者一样再看一眼。它是构建 React Native 应用程序的强大工具。

长按识别二维码查看原文   

https://expo.dev/blog/why-i-gave-expo-a-second-chance

Yushan Fernando(Expo 博客)

💡 继续谈 Expo,你知道可以逐步采用 Expo 吗?

长按识别二维码查看原文   

https://expo.dev/blog/how-to-incrementally-adopt-expo

React 可视化解释:use client —— 我们推荐这个视频不仅因为其内容,还因为其风格:我们喜欢主持人和她呈现的材料简单直接、剪辑紧凑、重点突出。

长按识别二维码查看原文   

https://www.youtube.com/watch?v=eO51VVCpTk0

Delba Oliveira(Vercel)

纽约时报的 React 18 实践,对话 Ilya Gurevich —— 纽约时报的一位高级工程师讨论了为他们的核心新闻网站实施 React 18 的过程。这是对他最近写的一篇博客文章的后续。

长按识别二维码查看原文   

https://softwareengineeringdaily.com/2024/09/04/react-18-at-the-new-york-times-with-ilya-gurevich/

Gregor Vand(Software Engineering Daily)播客

📄 使用 Cloudflare Workers 为所有人提供部分预渲染 —— 在普通的 React SSR 应用程序中实现类似 Next.js 的 PPR。Sunil Pai

长按识别二维码查看原文   

https://sunilpai.dev/posts/ppr-for-everyone/

📄 Web Components 不是框架组件——这没什么问题 Lea Verou

长按识别二维码查看原文   

https://lea.verou.me/blog/2024/wcs-vs-frameworks/

📄 如何通过 URL 控制 React 组件 Sam Selikoff

长按识别二维码查看原文   

https://buildui.com/posts/how-to-control-a-react-component-with-the-url

📄 如何使用 TinyBase 同步响应式本地优先的 Expo 应用程序 James Pearce(Expo)

长按识别二维码查看原文   

https://expo.dev/blog/how-to-synchronize-reactive-local-first-apps-with-tinybase

📄 使用 React Leaflet 轻松创建令人惊叹的地图 JavaScript Development Space

长按识别二维码查看原文   

https://jsdev.space/mastering-react-leaflet/

快讯:

  • 🎸 Kent C. Dodds ▶️ 录制了一个音乐视频来庆祝他专注于 React 19 的 Epic React 课程的发布。更令人惊讶的是,他在 Spotify 上发布了▶️ 一整张 AI 生成的 React 主题专辑。🫣

    长按识别二维码查看原文   

    https://www.youtube.com/watch?v=o7J4K4uZfvQ

  • 在 X 平台上,Gumroad 的创始人表示"Ruby on Rails 是一种技术债务",并说他们正在将 Gumroad 迁移到使用 TypeScript 和 React。

    长按识别二维码查看原文   

    https://x.com/shl/status/1839610029663519115

  • 目前仅在代码库中,React Router 已经实现了为路由模块生成类型的功能。

    长按识别二维码查看原文   

    https://github.com/remix-run/react-router/blob/dev/.changeset/typesafety.md


🛠 代码与工具

Vaul v1.0:一个简单设计精良的抽屉组件 —— 我们最近提到过这个组件,现在它已经发布了 v1.0 版本。它简单、干净、快速,同时非常灵活。现在还有新的"入门"文档,Emil 在这里解释了设计过程

长按识别二维码查看原文   

https://vaul.emilkowal.ski/

Emil Kowalski

React Spectrum 2024 年 9 月 30 日发布 —— Adobe 的无障碍组件套件迎来重大更新,新增七个颜色选择器组件(包括 Tailwind 入门套件示例)、两个用于构建手风琴/可折叠面板的"Disclosure"组件,以及 Tree/TreeView 进入测试阶段。

长按识别二维码查看原文   

https://react-spectrum.adobe.com/releases/2024-09-30.html

Adobe

用于渲染 Shell 风格进度指示器的 React 组件 —— 你知道那种用各种 Unicode 字符组合交替显示的进度条吗?这是一个非常简单的实现。

长按识别二维码查看原文   

https://glama.ai/blog/2024-09-25-ascii-progress-indicators

Frank Fiegel

React95 v9.0:Windows 95 风格的 React 组件库 —— 几年前我们认为这只是一个可爱的玩具项目,很快就会过时,但事实并非如此,它一直在不断更新 —— 我们喜欢它!现在我们只需要看到更多的网站使用它了。:-)

长按识别二维码查看原文   

https://react95.github.io/React95/?path=/story/all--all

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 风格"的基于块的编辑器。

🙋🏻‍♀️ 关注我们



印记中文
深入挖掘国外前端新领域,为中国 Web 前端开发人员提供优质文档!
 最新文章