Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>React FilesNew to Visual Studio Code? Get it now.
React Files

React Files

Huzaifa Ahmed

|
1,898 installs
| (2) | Free
Generate class and functional React components in just one click
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React Files

Features

  • Generate simple class components.
  • Generate simple functional components.
  • Generate simple class components with Style sheet.
  • Generate simple functional components with Style sheet.

Banner

Demo

Demo

What's New (0.1.0) ✨

  • Newly created component will open in editor.
  • Extension will create file & component according to language environment either JS or TS.
  • Generate class components with Style sheet.
  • Generate functional components with Style sheet.

Extension Settings

This extension contributes the following settings:

  • react-files.genFuncComp: Generate functional component
  • react-files.genClassComp: Generate class component
  • react-files.genFuncCompCSS: Generate functional component with StyleSheet
  • react-files.genClassCompCSS: Generate class component with StyleSheet

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft