From 76328a6df8c74cca95c43b87e91ec76b9e8c1578 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Thu, 17 Jul 2025 11:41:24 +0900 Subject: [PATCH 1/5] docs(rsc): update React Router RSC references to official documentation MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Update documentation to reflect React Router's official RSC support: - Replace experimental RSC preview links with official documentation - Update example description to mention official RSC support - Add links to announcement blog post and official docs 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- packages/plugin-rsc/README.md | 4 ++-- packages/plugin-rsc/examples/react-router/README.md | 10 +++++----- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/plugin-rsc/README.md b/packages/plugin-rsc/README.md index 63480b6a1..8b8a78e26 100644 --- a/packages/plugin-rsc/README.md +++ b/packages/plugin-rsc/README.md @@ -22,7 +22,7 @@ npx degit vitejs/vite-plugin-react/packages/plugin-rsc/examples/starter my-app - [`./examples/starter`](./examples/starter) - This example provides an in-depth overview of API with inline comments to explain how they function within RSC-powered React application. - [`./examples/react-router`](./examples/react-router) - - This demonstrates how to integrate [experimental React Router RSC API](https://remix.run/blog/rsc-preview) with this plugin. + - This demonstrates how to integrate [React Router RSC](https://reactrouter.com/how-to/react-server-components) with this plugin. It also includes `@cloudflare/vite-plugin` integration. - [`./examples/basic`](./examples/basic) - This is mainly used for e2e testing and include various advanced RSC usages (e.g. `"use cache"` example). @@ -443,5 +443,5 @@ Additionally, Parcel and React Router's work on standardizing the RSC bundler/ap - [Waku](https://github.com/wakujs/waku) - [@lazarv/react-server](https://github.com/lazarv/react-server) - [@jacob-ebey/vite-react-server-dom](https://github.com/jacob-ebey/vite-plugins/tree/main/packages/vite-react-server-dom) -- [React Router RSC](https://remix.run/blog/rsc-preview) +- [React Router RSC](https://reactrouter.com/how-to/react-server-components) - [Parcel RSC](https://parceljs.org/recipes/rsc) diff --git a/packages/plugin-rsc/examples/react-router/README.md b/packages/plugin-rsc/examples/react-router/README.md index af758971b..1ded3d8be 100644 --- a/packages/plugin-rsc/examples/react-router/README.md +++ b/packages/plugin-rsc/examples/react-router/README.md @@ -2,13 +2,13 @@ https://vite-rsc-react-router.hiro18181.workers.dev -Vite RSC example based on demo made by React router team with Parcel: +This example demonstrates how to integrate [React Router RSC](https://reactrouter.com/how-to/react-server-components) with `@vitejs/plugin-rsc`. React Router now provides official React Server Components support, allowing you to build full-stack applications with server-side rendering and client-side routing. -- https://github.com/jacob-ebey/parcel-plugin-react-router/ -- https://github.com/jacob-ebey/experimental-parcel-react-router-starter -- https://github.com/remix-run/react-router/tree/rsc/playground/rsc-vite +See also: -See also [`rsc-movies`](https://github.com/hi-ogawa/rsc-movies/). +- [React Router RSC documentation](https://reactrouter.com/how-to/react-server-components) +- [React Router RSC announcement](https://remix.run/blog/react-router-and-react-server-components) +- [`rsc-movies`](https://github.com/hi-ogawa/rsc-movies/) [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vitejs/vite-plugin-react/tree/main/packages/plugin-rsc/examples/react-router?file=src%2Froutes%2Froot.tsx) From 0c88db8191481e09969bb1aa26960d9d1d830712 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Thu, 17 Jul 2025 11:45:25 +0900 Subject: [PATCH 2/5] docs(rsc): clarify React Router example is less official setup MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Add note that this example represents a custom integration that predates React Router's official RSC support. Keep example for posterity and as an alternative approach while acknowledging the official implementation. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- packages/plugin-rsc/README.md | 2 +- packages/plugin-rsc/examples/react-router/README.md | 5 ++++- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/packages/plugin-rsc/README.md b/packages/plugin-rsc/README.md index 8b8a78e26..6a25d21d7 100644 --- a/packages/plugin-rsc/README.md +++ b/packages/plugin-rsc/README.md @@ -22,7 +22,7 @@ npx degit vitejs/vite-plugin-react/packages/plugin-rsc/examples/starter my-app - [`./examples/starter`](./examples/starter) - This example provides an in-depth overview of API with inline comments to explain how they function within RSC-powered React application. - [`./examples/react-router`](./examples/react-router) - - This demonstrates how to integrate [React Router RSC](https://reactrouter.com/how-to/react-server-components) with this plugin. + - This demonstrates a custom integration of React Router with RSC using this plugin. Note that React Router now provides [official RSC support](https://reactrouter.com/how-to/react-server-components), but this example is kept as an alternative approach. It also includes `@cloudflare/vite-plugin` integration. - [`./examples/basic`](./examples/basic) - This is mainly used for e2e testing and include various advanced RSC usages (e.g. `"use cache"` example). diff --git a/packages/plugin-rsc/examples/react-router/README.md b/packages/plugin-rsc/examples/react-router/README.md index 1ded3d8be..900bc0442 100644 --- a/packages/plugin-rsc/examples/react-router/README.md +++ b/packages/plugin-rsc/examples/react-router/README.md @@ -2,7 +2,10 @@ https://vite-rsc-react-router.hiro18181.workers.dev -This example demonstrates how to integrate [React Router RSC](https://reactrouter.com/how-to/react-server-components) with `@vitejs/plugin-rsc`. React Router now provides official React Server Components support, allowing you to build full-stack applications with server-side rendering and client-side routing. +> [!NOTE] +> This example demonstrates a custom integration of React Router with RSC using `@vitejs/plugin-rsc`. While React Router now provides [official RSC support](https://reactrouter.com/how-to/react-server-components), this example represents a less official setup that predates the official implementation. It's kept for posterity and as an alternative approach for those who prefer this integration method. + +This example demonstrates how to integrate React Router with React Server Components using `@vitejs/plugin-rsc`. See also: From b85e7c649fbd1d47727cbaa14ca14c4ab1adf498 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Mon, 21 Jul 2025 10:29:06 +0900 Subject: [PATCH 3/5] chore: tewak --- packages/plugin-rsc/README.md | 2 +- packages/plugin-rsc/examples/react-router/README.md | 12 ++++++------ 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/plugin-rsc/README.md b/packages/plugin-rsc/README.md index 6a25d21d7..edc957d39 100644 --- a/packages/plugin-rsc/README.md +++ b/packages/plugin-rsc/README.md @@ -443,5 +443,5 @@ Additionally, Parcel and React Router's work on standardizing the RSC bundler/ap - [Waku](https://github.com/wakujs/waku) - [@lazarv/react-server](https://github.com/lazarv/react-server) - [@jacob-ebey/vite-react-server-dom](https://github.com/jacob-ebey/vite-plugins/tree/main/packages/vite-react-server-dom) -- [React Router RSC](https://reactrouter.com/how-to/react-server-components) +- [React Router RSC](https://remix.run/blog/rsc-preview) - [Parcel RSC](https://parceljs.org/recipes/rsc) diff --git a/packages/plugin-rsc/examples/react-router/README.md b/packages/plugin-rsc/examples/react-router/README.md index 900bc0442..e0f18997f 100644 --- a/packages/plugin-rsc/examples/react-router/README.md +++ b/packages/plugin-rsc/examples/react-router/README.md @@ -3,15 +3,15 @@ https://vite-rsc-react-router.hiro18181.workers.dev > [!NOTE] -> This example demonstrates a custom integration of React Router with RSC using `@vitejs/plugin-rsc`. While React Router now provides [official RSC support](https://reactrouter.com/how-to/react-server-components), this example represents a less official setup that predates the official implementation. It's kept for posterity and as an alternative approach for those who prefer this integration method. +> React router now provides [official RSC support](https://reactrouter.com/how-to/react-server-components) for Vite. The example might not be kept up to date with the latest version. Please refer to React router's official documentation for the latest updates. -This example demonstrates how to integrate React Router with React Server Components using `@vitejs/plugin-rsc`. +Vite RSC example based on demo made by React router team with Parcel: -See also: +- https://github.com/jacob-ebey/parcel-plugin-react-router/ +- https://github.com/jacob-ebey/experimental-parcel-react-router-starter +- https://github.com/remix-run/react-router/tree/rsc/playground/rsc-vite -- [React Router RSC documentation](https://reactrouter.com/how-to/react-server-components) -- [React Router RSC announcement](https://remix.run/blog/react-router-and-react-server-components) -- [`rsc-movies`](https://github.com/hi-ogawa/rsc-movies/) +See also [`rsc-movies`](https://github.com/hi-ogawa/rsc-movies/). [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/vitejs/vite-plugin-react/tree/main/packages/plugin-rsc/examples/react-router?file=src%2Froutes%2Froot.tsx) From d9a09016252f18ff3f342c387ef0718e5543e909 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Mon, 21 Jul 2025 10:37:01 +0900 Subject: [PATCH 4/5] chore: tweak --- packages/plugin-rsc/README.md | 3 +-- packages/plugin-rsc/examples/react-router/README.md | 2 +- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/plugin-rsc/README.md b/packages/plugin-rsc/README.md index 327fb6bd4..475514b76 100644 --- a/packages/plugin-rsc/README.md +++ b/packages/plugin-rsc/README.md @@ -22,8 +22,7 @@ npx degit vitejs/vite-plugin-react/packages/plugin-rsc/examples/starter my-app - [`./examples/starter`](./examples/starter) - This example provides an in-depth overview of API with inline comments to explain how they function within RSC-powered React application. - [`./examples/react-router`](./examples/react-router) - - This demonstrates a custom integration of React Router with RSC using this plugin. Note that React Router now provides [official RSC support](https://reactrouter.com/how-to/react-server-components), but this example is kept as an alternative approach. - It also includes `@cloudflare/vite-plugin` integration. + - This demonstrates how to integrate [experimental React Router RSC API](https://remix.run/blog/rsc-preview). Note that React Router now provides [official RSC support](https://reactrouter.com/how-to/react-server-components), so it's recommended to follow the update from React Router team for the latest integration. - [`./examples/basic`](./examples/basic) - This is mainly used for e2e testing and include various advanced RSC usages (e.g. `"use cache"` example). It also uses a high level `@vitejs/plugin-rsc/extra/{rsc,ssr,browser}` API for quick setup. diff --git a/packages/plugin-rsc/examples/react-router/README.md b/packages/plugin-rsc/examples/react-router/README.md index e0f18997f..8d0fa248f 100644 --- a/packages/plugin-rsc/examples/react-router/README.md +++ b/packages/plugin-rsc/examples/react-router/README.md @@ -3,7 +3,7 @@ https://vite-rsc-react-router.hiro18181.workers.dev > [!NOTE] -> React router now provides [official RSC support](https://reactrouter.com/how-to/react-server-components) for Vite. The example might not be kept up to date with the latest version. Please refer to React router's official documentation for the latest updates. +> React router now provides [official RSC support](https://reactrouter.com/how-to/react-server-components) for Vite. The example might not be kept up to date with the latest version. Please refer to React router's official documentation for the latest integrations. Vite RSC example based on demo made by React router team with Parcel: From 2c4c1bbe408c148d10240ca1ac756361e1e002e4 Mon Sep 17 00:00:00 2001 From: Hiroshi Ogawa Date: Mon, 21 Jul 2025 10:39:45 +0900 Subject: [PATCH 5/5] docs(rsc): improve React Router reference documentation clarity MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Split long sentence for better readability - Standardize "React Router" capitalization - Clarify guidance to use official React Router documentation 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- packages/plugin-rsc/README.md | 2 +- packages/plugin-rsc/examples/react-router/README.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/plugin-rsc/README.md b/packages/plugin-rsc/README.md index 475514b76..440d6f516 100644 --- a/packages/plugin-rsc/README.md +++ b/packages/plugin-rsc/README.md @@ -22,7 +22,7 @@ npx degit vitejs/vite-plugin-react/packages/plugin-rsc/examples/starter my-app - [`./examples/starter`](./examples/starter) - This example provides an in-depth overview of API with inline comments to explain how they function within RSC-powered React application. - [`./examples/react-router`](./examples/react-router) - - This demonstrates how to integrate [experimental React Router RSC API](https://remix.run/blog/rsc-preview). Note that React Router now provides [official RSC support](https://reactrouter.com/how-to/react-server-components), so it's recommended to follow the update from React Router team for the latest integration. + - This demonstrates how to integrate [experimental React Router RSC API](https://remix.run/blog/rsc-preview). React Router now provides [official RSC support](https://reactrouter.com/how-to/react-server-components), so it's recommended to follow React Router's official documentation for the latest integration. - [`./examples/basic`](./examples/basic) - This is mainly used for e2e testing and include various advanced RSC usages (e.g. `"use cache"` example). It also uses a high level `@vitejs/plugin-rsc/extra/{rsc,ssr,browser}` API for quick setup. diff --git a/packages/plugin-rsc/examples/react-router/README.md b/packages/plugin-rsc/examples/react-router/README.md index 8d0fa248f..27e7f9c77 100644 --- a/packages/plugin-rsc/examples/react-router/README.md +++ b/packages/plugin-rsc/examples/react-router/README.md @@ -3,7 +3,7 @@ https://vite-rsc-react-router.hiro18181.workers.dev > [!NOTE] -> React router now provides [official RSC support](https://reactrouter.com/how-to/react-server-components) for Vite. The example might not be kept up to date with the latest version. Please refer to React router's official documentation for the latest integrations. +> React Router now provides [official RSC support](https://reactrouter.com/how-to/react-server-components) for Vite. The example might not be kept up to date with the latest version. Please refer to React Router's official documentation for the latest integrations. Vite RSC example based on demo made by React router team with Parcel: