Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>React Snippet GeneratorNew to Visual Studio Code? Get it now.
React Snippet Generator

React Snippet Generator

ObsessiveCoder

|
823 installs
| (0) | Free
Select an installed React component library and VS Code snippets will be generated.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React Snippet Generator

Select an installed React component library to generate up to 3 types of VS Code snippets.

Check out my other extension which shows a list of your components on the sidebar, and allows you to add them to your code with a single click.

React Component Explorer

Usage

  1. Use ctrl + shift + P and select the command React Snippet Generator: Generate Component Snippets.
  2. Type in the name of the library. This is used to name the file.
  3. Select the types of snippets to generate.
  4. Select the folder where the component library is installed.

Alt Text

Coming Soon

  • Unit tests
  • Change Log
  • Right click a folder for a context option to generate snippets for components found in that folder.

Known Issues

Attempting to read too many files will cause the generator to be cancelled.

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