react-and-es6-with-js-standard
This extension combines these extensions' features in one with JS Standard.
At the same time, some of useless and ambiguous snippets have been removed.
Supported languages
- JavaScript (.js)
- TypeScript (.ts)
- JavaScript React (.jsx)
- TypeScript React (.tsx)
Snippets
Import and export
| Trigger |
Content |
imp→ |
imports entire module import fs from 'fs' |
imn→ |
imports entire module without module name import 'animate.css' |
imd→ |
imports only a portion of the module using destructing import { rename } from 'fs' |
ime→ |
imports everything as alias from the module import * as localAlias from 'fs' |
ima→ |
imports only a portion of the module as alias import { rename as localRename } from 'fs' |
|
|
enf→ |
exports name function export const log = (parameter) => { console.log(parameter)} |
edf→ |
exports default function export default (parameter) => { console.log(parameter)} |
ecl→ |
exports default class export default class Calculator {} |
ece→ |
exports default class by extending a base one export default class Calculator extends BaseClass {} |
Class helpers
| Trigger |
Content |
cla→ |
Create a basic class class A {} |
clae→ |
Create a basic class with extends class A extends B {} |
con→ |
adds default constructor in the class constructor() {} |
met→ |
creates a method inside a class add() {} |
pge→ |
creates a getter property get propertyName() {return value} |
pse→ |
creates a setter property set propertyName(value) {} |
Various methods
| Trigger |
Content |
fea→ |
forEach loop in ES6 syntax array.forEach(currentItem => {}) |
fof→ |
for ... of loop for (const item of object) {} |
fin→ |
for ... in loop for (const item in object) {} |
anfn→ |
creates an anonymous function (params) => {} |
nfn→ |
creates a named function const add = (params) => {} |
dob→ |
destructing object syntax const {rename} = fs |
dar→ |
destructing array syntax const [first, second] = [1,2] |
sti→ |
set interval helper method setInterval(() => {}) |
sto→ |
set timeout helper method setTimeout(() => {}) |
prom→ |
creates a new Promise new Promise((resolve, reject) => {}) |
Loading More data ...
| |
