This extension allows you to create a folder containing the necessary files for the React Arrow Functional Component. Styling is supported with less, scss, sass, css and styled-components.
This extension will create an initial file structure for your functional component in any directory, just right-click on it and select "Thmoon RCC: Create React Component" in menu. First you need to CHOOSE a directory from the suggested ones (the list of default directories is formed in the extension settings, by default there is already a src/components directory). Then you need to enter the name of the component - always with a capital letter, only in Latin.
Important! The context menu should be called exactly on the directory, when you try to call the creation of a component on a file, the creation will not work
Here is the button in the context menu
Here is the result of executing command for less styling:
Extension Settings
The following settings are available:
react-create-files-helper.withModules: Flag for creating style files as modules (Component.module.css etc, without this flag Component.css style files are created)
react-create-files-helper.withStories: Flag for creating stories
react-create-files-helper.withClassnames: Flag to use additional imports cnBind and const cx = cnBind.bind(styles) as (...args: Argument[]) => string;
react-create-files-helper.templateType: Styling type (css, less, sass, scss or styled-components)
react-create-files-helper.workingDirectories: array of default category objects for creating components, default: [{ "title": "Component", "path": "src/components", "storyBookFolder": " Components"}]. All fields in the object are required.
react-create-files-helper.disabled: flag for disable extension without removing
