#React 无需框架的 React 服务器组件支持：这引入了 Forket，一个让你以框架/打包器无关的方式使用 RSCs 的工具。在构建时，它会将你的应用程序拆分为客户端/服务器部分，然后在运行时将所有内容缝合在一起。

https://krasimirtsonev.com/blog/article/vanilla-react-server-components-with-no-framework

krasimirtsonev.com

React Server Components support without a framework

React Server Components support without a framework / I was at ReactSummit this June and spoke with some folks from Vercel about Next.js and RSC support outside of the framework. I really wanted to try all the cool stuff but couldn’t afford to migrate my…

#React 本文教你用 React 19 + React Router 7（SSR 模式）配 Strapi 5 构建现代博客：后台内容块可拖拽排序，前端自动 SSR 渲染，全链路 TypeScript，SEO 完备，克隆示例仓库一条命令即可跑通。Strapi 是一个开源的 Headless CMS（无头内容管理系统）。

https://strapi.io/blog/how-to-build-a-modern-blog-with-react-19-and-strapi-5

strapi.io

How to Build a Modern Blog with React 19 and Strapi 5

Build a modern blog website using React 19 with React Router 7 (framework mode) for the front-end and Strapi CMS for managing our content.

#React Streamdown 是一个为 AI 驱动的流式 Markdown 渲染而设计的库，可以作为 react-markdown 的即插即用替代品。它解决了在 AI 场景中，Markdown 内容边生成边渲染时，格式错乱、安全风险、以及不完整的 Markdown 语法带来的挑战。

https://streamdown.ai/

streamdown.ai

A drop-in replacement for react-markdown, designed for AI-powered streaming.

#React #文章 《React-is-Awful》一个有趣的学习`坏东西`的方法。

https://github.com/cloudstreet-dev/React-is-Awful

GitHub

GitHub - cloudstreet-dev/React-is-Awful: A fun way to learn a bad thing.

A fun way to learn a bad thing. Contribute to cloudstreet-dev/React-is-Awful development by creating an account on GitHub.

#React #文章 通过Zustand构建了一个可测试且易于扩展的Telegram机器人，采用纯函数和Elm单向数据流模式，实现了清晰的状态管理和响应式行为，同时对比了低级API与高级框架的优缺点，强调了架构选择对长期目标的重要性。

https://zwit.link/posts/zustand-telegram-bot/

zwit.link

Zwit - Building Testable Telegram Bots with Zustand

When most developers think of Zustand, they picture React hooks and component state. But what if I told you that Zustand's vanilla store could power a sophisticated Telegram bot with predictable state…

#React #RSC 通过将客户端交互逻辑封装为可复用组件并用其包裹服务器组件，实现数据留在服务端、交互留在客户端的清晰组合模式。

https://aurorascharff.no/posts/server-client-component-composition-in-practice/

aurorascharff.no

Server and Client Component Composition in Practice | Aurora Scharff

In this blog post, I will show you how to compose client and server components effectively in React. We will explore patterns for keeping responsibilities clear, optimizing performance, and creating reusable components.

#React Local Storage是浏览器的数据“硬盘”，而Context/Redux/Zustand是React的“内存管理器”。两者职责不同，不能互相替代。

https://www.developerway.com/posts/local-storage-instead-of-context

Developerway

Can We Use Local Storage Instead of Context-Redux-Zustand?

Why do we need Context/Redux/Zustand in React, what is the purpose of Local Storage, its limitations, and when to use it.

#React 2025年React日历组件的6个最佳库，从实际性能角度对这些库进行了排名，并给出了一个明确的胜者以及在特定情况下选择其他替代品的理由。

https://www.builder.io/blog/best-react-calendar-component-ai

Builder.io

React calendar components: 6 best libraries for 2025

Find the best React calendar component for your project with our detailed comparison of react-datepicker, Shadcn/UI, and morec.

#React #文章 如果你只想“加点响应式”但又不想上框架，这段 20 行的 bindSignals 就够用了；后续可按需求逐步扩展。

https://thathtml.blog/2025/08/declarative-html-binding-with-signals/

That HTML Blog

Declarative HTML Binding in Only 20 Lines of Code! (and Signals)

Start with a solution as basic as this and ratchet up the complexity only when needed.

#React Waku（RSC 的极简 React 框架）现在支持 Vite RSC。

https://newsletter.daishikato.com/p/waku-gains-vite-rsc-support

Daishi Kato's Read the Code

Waku Gains Vite RSC Support

It Was a Long Journey to Get Here

#React 探讨了React中单页应用（SPA）的现状与未来。介绍了SPA中“边获取边渲染”模式的优势，如节省时间、提升用户体验。提及React Server Components（RSC）在SPA中的潜在应用，即使无服务器也可在构建步骤中生成RSC。强调React 18并发特性（如useTransition和useDeferred）对提升复杂应用交互性能的重要性，以及预加载策略对多页面用户流程的优化作用。

https://www.felgus.dev/blog/future-spa

www.felgus.dev

The present and the future of SPAs in React

Single page applications for the win

#React #文章 如果你在用 Tauri + React 做多窗口应用，不想牺牲响应式体验，又愿意接受轻微的状态延迟，这篇文章提供的“松耦合同步”方案是一个非常实用的折中方案。

https://www.gethopp.app/blog/tauri-window-state-sync

www.gethopp.app

Loosely synchronize your (Zustand) stores in multiple Tauri processes

A simple solution to synchronize your JavaScript/React stores in multiple Tauri processes (windows).

#React 现在 vite 组织吸收了社区 plugin-rsc ，vite react 服务器组件开始来到 vite 了。

https://github.com/vitejs/vite-plugin-react

GitHub

GitHub - vitejs/vite-plugin-react: The all-in-one Vite plugin for React projects.

The all-in-one Vite plugin for React projects. Contribute to vitejs/vite-plugin-react development by creating an account on GitHub.

#React #3D 使用 React Three Fiber 制作效果：在云端渲染 CT 扫描动画

https://barndoors.lumafield.com/rendering-ct-scan-animations-in-the-cloud/

Between the Barndoors

Rendering CT scan animations in the cloud

A deep dive into how we use React Three Fiber and hardware accelerated headless browsers to render CT scan animations server-side.

#React #3D 如何使用 React Three Fiber 创建动态图像动画 

https://tympanus.net/codrops/2025/07/09/how-to-create-kinetic-image-animations-with-react-three-fiber/

Codrops

How To Create Kinetic Image Animations with React-Three-Fiber | Codrops

Bring static visuals to life with rotating textures, 3D geometry, and smooth motion powered by React Three Fiber.

#React #CSS #文章 《如何为 React 应用程序添加样式》文章提到了语义化CSS、设计令牌（Design Tokens）、CSS-in-JS（如styled-components）和Utility-First框架（如Tailwind）四种CSS方案，作者最终推荐Utility-First（如Tailwind），因其通过原子类组合实现高效、低复杂度的组件级样式管理，并强调“复用组件而非样式”的核心原则。

https://alexkondov.com/full-stack-tao-styling/

Alexkondov

How to Style a React Application

We don’t build web applications the same way we did a decade ago. We don’t think of pages, we think of components. We don’t pass data to the template to render…

#React #文章 React的复杂性源于交互式UI的固有难题，建议优先使用服务端渲染（SSR），仅在必要时引入React以减少混乱。

https://mbrizic.com/blog/react-is-insane/

#React 为你的组件添加音效， 还有 react-sounds , use-sound

https://github.com/kazewaze/soundz

Reactsounds

react-sounds - Sound Effects for React

Add sound effects to your React applications effortlessly with react-sounds.

#React Zero是一个用于在客户端和服务器之间同步数据的库，它通过部分同步策略和同构更新逻辑，为开发者提供了一种灵活且高效的方式来构建现代应用。

https://jjenzz.com/zero-is-not-local-first-its-better/

Jjenzz

Zero is Not Local-First. It's Better.

Zero's partial sync approach gives us more control, better performance, and fewer headaches when building apps with lots of data. Here's why, and how I've been using it.

#React #SVG #Motion 通过 React + Framer Motion 实现了一个创新性的无限滚动动画，元素沿自定义 SVG 路径动态移动，并支持多元素分布、深度排序、悬停交互、滚动联动等高级功能，同时提供**响应式适配方案（D3.js 动态路径缩放），兼顾性能与视觉细节。

1. 路径动画突破：传统水平跑马灯升级为任意复杂路径动画（如交叉曲线）。
2. 交互增强：悬停减速、滚动速度联动、深度动态排序（解决路径交叉遮挡）。
3. 响应式设计：D3.js 动态缩放路径坐标，适配不同屏幕尺寸。
4. 性能优化：`useAnimationFrame` 逐帧控制 + 简化路径复杂度。

https://tympanus.net/codrops/2025/06/17/building-an-infinite-marquee-along-an-svg-path-with-react-motion/

Codrops

Building an Infinite Marquee Along an SVG Path with React & Motion | Codrops

Learn how to create an infinite marquee that follows a custom SVG path using React and Motion.