RSFC

Overview

RSFC brings Vue's Single File Component authoring experience to React — collocating component logic, JSX, and styles in a single .rsfc file with full tooling support.

The project is a monorepo shipping five packages: the core runtime, a Vite plugin, a Webpack loader, a VS Code extension with Volar-based language server, and an interactive playground.

Highlights

• Volar LSP integration — syntax highlighting, intellisense, and diagnostics inside .rsfc files
• Build-tool agnostic — works with Vite and Webpack via dedicated plugins
• Zero runtime overhead — files are compiled at build time to standard React components

Links

• GitHub: https://github.com/GeoffreyCasaubon/rsfc