Corllete ES6 snippets
Javascript ES6 snippets for Visual Studio Code editor following the eslint rules of Corllete (coding standards). It's a work
in progress.
Supported languages
- Javascript (.js)
- Javascript React (.jsx, js)
- Typescript (.ts)
- Typescript React (.tsx)
Snippets
List of all available snippets and names (triggers) for each one of them.
Import and export
| Name |
Content |
imp |
Import module default import name from 'name' |
impn |
Import named import { name } from 'name' |
impdn |
Import default and named import name, { other } from 'name' |
impg |
Import global import 'name' |
impa |
Import all with alias import * as aliasName from 'name' |
impal |
Import default with alias import { name as aliasName } from 'name' |
Functions
| Name |
Content |
arrs |
Simple arrow function arg => value |
arrsb |
Simple arrow function with more than one argument (arg1, arg2) => arg1 + arg2 |
arrsd |
Simple arrow function with argument destruct ({ name }) => name.trim() |
arr |
Multi line arrow function with one argument and return expression only arg => ( ret ) |
arrb |
Multi line arrow function with more than one argument and return expression only (arg1, arg2) => ( ... multi-line expr ... ) |
arrd |
Multi line arrow function with argument destruct and return expression only ({ name }) => ( ... multi-line expr ... ) |
arro |
Multi line arrow function with one argument and return object expression arg => ({ key: value }) |
arrbo |
Multi line arrow function with more than one argument and return object (arg1, arg2) => ({ ... multi-line object ... }) |
arrdo |
Multi line arrow function with argument destruct and return object expression ({ name }) => ({ ... multi-line object ... }) |
arrf |
Full arrow function with body ({ name }) => { ... multi-line expression ... } |
arrfd |
Full arrow function with argument destruct and body ({ name }) => { ... multi-line expression ... } |
Tip: To use a snippet in VSCode type the snippet name and hit Tab.
Roadmap
- Separate typsecript (ts) snippets
- Separate typescript react (tsx)
Initial release of ES6 snippets
| |
