vite-rsc-browser-example

KO | EN

gitlite — search

#python #hacktoberfest #react #typescript #golang #android #machine-learning #rust #docker #macos #cli #kubernetes #security #ios

vite-rsc-browser-example

(★ 18)

No description available.

vite-rsc-browser-example 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Vite RSC Browser Example

A demo of running React Router RSC data mode entirely in the browser.

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/hi-ogawa/vite-rsc-browser-example)

## Usage

```sh
# Development
pnpm dev

# Production build
pnpm build
pnpm preview
```

## How It Works

This is a variant of the "No SSR" pattern ([`@vitejs/plugin-rsc` example](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-rsc/examples/no-ssr), [`react-router` template](https://github.com/remix-run/react-router-templates/pull/142)) where the `rsc` environment runs via a custom module runner in the browser instead of the default Node.js environment.

React Router RSC API's `fetch` override (e.g. `<RSCHydratedRouter fetch={fetchRsc} ... />`) allows redirecting all RSC requests to run in the browser instead of a server.

## Limitations

- Some RSC features (e.g., `React.cache`) rely on `AsyncLocalStorage`, which is not available in browsers.
- The build output `dist/client/__server` contains non-hashed files (`index.js`, `__vite_rsc_assets_manifest.js`).

## Related

- [vite-plugin-react PR #933](https://github.com/vitejs/vite-plugin-react/pull/933)
- [react-router-templates PR #142](https://github.com/remix-run/react-router-templates/pull/142)
- https://bsky.app/profile/danabra.mov/post/3m3iei53v3c2k

vite-rsc-browser-example

vite-rsc-browser-example 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

vite-rsc-browser-example

vite-rsc-browser-example 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README