Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>react-style-component-helperNew to Visual Studio Code? Get it now.
react-style-component-helper

react-style-component-helper

Noam Dadon

|
1,419 installs
| (0) | Free
Help you build styled component with fixed format and less boiler code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React style component generator

Help you build faster styled component by using fixed format. By using the fixed format (which will be described next) the command "Generate styled" will generate/add components for you, Skip the boiler code! :+1:

Fixed Format

The file format should be as follow:

  1. import the styled component as "S",
  2. tags should start with "< S.",



  3. styled component file name will always be "styled.js"
  4. styled file structure will be like that:



How to use

Their is only one command which is: Generate styled

#note The second image is what you get after you execute the command Generate styled while standing on the file in the first image

First extension :)

Github: https://github.com/DadonStyle/react-style-component-helper

Enjoy!

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