[{"data":1,"prerenderedAt":129},["ShallowReactive",2],{"project-rsfc-open-source":3,"all-projects-nav-rsfc-open-source":97},{"id":4,"title":5,"body":6,"client":78,"coverImage":79,"description":72,"extension":80,"featured":81,"meta":82,"navigation":81,"order":83,"path":84,"period":85,"role":86,"seo":87,"stack":88,"stem":94,"summary":95,"__hash__":96},"projects\u002Fprojects\u002Frsfc-open-source.md","RSFC — React Single File Components",{"type":7,"value":8,"toc":71},"minimark",[9,14,23,26,30,56,60],[10,11,13],"h2",{"id":12},"overview","Overview",[15,16,17,18,22],"p",{},"RSFC brings Vue's Single File Component authoring experience to React — collocating component logic, JSX, and styles in a single ",[19,20,21],"code",{},".rsfc"," file with full tooling support.",[15,24,25],{},"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.",[10,27,29],{"id":28},"highlights","Highlights",[31,32,33,44,50],"ul",{},[34,35,36,40,41,43],"li",{},[37,38,39],"strong",{},"Volar LSP integration"," — syntax highlighting, intellisense, and diagnostics inside ",[19,42,21],{}," files",[34,45,46,49],{},[37,47,48],{},"Build-tool agnostic"," — works with Vite and Webpack via dedicated plugins",[34,51,52,55],{},[37,53,54],{},"Zero runtime overhead"," — files are compiled at build time to standard React components",[10,57,59],{"id":58},"links","Links",[31,61,62],{},[34,63,64,65],{},"GitHub: ",[66,67,68],"a",{"href":68,"rel":69},"https:\u002F\u002Fgithub.com\u002FGeoffreyCasaubon\u002Frsfc",[70],"nofollow",{"title":72,"searchDepth":73,"depth":73,"links":74},"",2,[75,76,77],{"id":12,"depth":73,"text":13},{"id":28,"depth":73,"text":29},{"id":58,"depth":73,"text":59},"RSFC",null,"md",true,{},5,"\u002Fprojects\u002Frsfc-open-source","2025 – Present","Creator · Open Source",{"title":5,"description":72},[89,90,91,92,93],"TypeScript","Vite","Webpack","VS Code Extension API","Volar LSP","projects\u002Frsfc-open-source","Vue-style Single File Components for React. Full VS Code extension with Volar-based LSP. Monorepo covering core runtime, vite-plugin, webpack-loader, vscode-ext, and playground.","oqm64i5fWBuRsccVPjgnRdAw7shIgb-13iFwcnbNxa0",[98,102,104,108,112,113,117,121,125],{"path":99,"client":100,"order":101},"\u002Fprojects\u002Flouis-vuitton-engineering-manager","Louis Vuitton",1,{"path":103,"client":100,"order":73},"\u002Fprojects\u002Flouis-vuitton-lead-developer",{"path":105,"client":106,"order":107},"\u002Fprojects\u002Frolex-lead-developer","Rolex",3,{"path":109,"client":110,"order":111},"\u002Fprojects\u002Floreal-lead-developer","L'Oréal",4,{"path":84,"client":78,"order":83},{"path":114,"client":115,"order":116},"\u002Fprojects\u002Fjellynote-developer","Jellynote",6,{"path":118,"client":119,"order":120},"\u002Fprojects\u002Fvaltech-developer","Valtech",7,{"path":122,"client":123,"order":124},"\u002Fprojects\u002Findexel-wordpress-developer","Indexel",8,{"path":126,"client":127,"order":128},"\u002Fprojects\u002Fprowebce-webmaster","ProwebCE",9,1780505191670]