This is a IntelliJ/WebStorm live template that can be used to easily create a new arrow function component.
- Go to the WebStorm/IntelliJ settings
- Open the Live Template editor
- Add a new template to the "React" section
- Add the contents of
content.tsx
to the content field - Add the
TM_FILENAME_BASE
variable using this expression:capitalize(camelCase(fileNameWithoutExtension()))
- Add the
TypeScript > Top Level Statement
context - Use any abbreviation you like, I usually use
rfc