index.(j|t)s - index file to export the React component
Create Fela component
Creates a folder with following structure:
Component.(j|t)sx - React stateless component with styles prop
Component.styles.(j|t)s - fela rules
index.(j|t)s - index file to export the React component and wrap it with connectFela
Usage
Right click to a folder where you want to create a component
Select "Ackee: create component"
Type a name and press enter
Note: The command can also be triggered by a shortcut cmd+a cmd+c or by VS Code command line. But in that case the component is created in root directory of a project, because VS Code API does not provide selected folder in the explorer window. See this issue for more info.
Settings
These settings can be changed in VS Code settings under ackeeFrontend namespace.
Name
Default value
Description
moduleDependencies
true
If enabled it uses named imports from dependencies.js file of the module.
felaHooks
false
If enabled, scaffolded components will use enhanced fela hooks instead of connect HOC.
typescript
false
If enabled, scaffolded components will be in TypeScript.
typescriptFelaTheme
false
If enabled, scaffolded styles of components will have TRuleWithTheme instead of simple TRule (typescript option must be enabled).
typescriptFelaExtendProp
false
If enabled, scaffolded interfaces of components will have extend prop. (typescript option must enabled).
includeReactImport
false
If enabled, a scaffolded component will include import of React.
useAckeeFelaPackage
false
If enabled, useFelaEnhanced and related types will be imported from @ackee/fela package.
