diff --git a/README.md b/README.md index 3cbd64f..beffe81 100644 --- a/README.md +++ b/README.md @@ -46,6 +46,7 @@ A curated list of delightful [Visual Studio Code](https://code.visualstudio.com/ - [Copy Relative Path](#copy-relative-path) - [Create tests](#create-tests) - [Deploy](#deploy) + - [ES7 React/Redux/GraphQL/React-Native snippets](#es7-reactreduxgraphqlreact-native-snippets) - [Gi](#gi) - [Git History](#git-history) - [Git Project Manager](#git-project-manager) @@ -383,6 +384,37 @@ To enable Emmet support in .twig files, you'll need to have the following in you ![](https://raw.githubusercontent.com/mkloubert/vs-deploy/master/img/demo.gif) +## [ES7 React/Redux/GraphQL/React-Native snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets) + > Provides Javascript and React/Redux snippets in ES7 + > Basic Methods +| Prefix | Method | +| ------: | --------------------------------------------------- | +| `imp→` | `import moduleName from 'module'` | +| `imn→` | `import 'module'` | +| `imd→` | `import { destructuredModule } from 'module'` | +| `ime→` | `import * as alias from 'module'` | +| `ima→` | `import { originalName as aliasName} from 'module'` | +| `exp→` | `export default moduleName` | +| `exd→` | `export { destructuredModule } from 'module'` | +| `exa→` | `export { originalName as aliasName} from 'module'` | +| `enf→` | `export const functionName = (params) => { }` | +| `edf→` | `export default (params) => { }` | +| `met→` | `methodName = (params) => { }` | +| `fre→` | `arrayName.forEach(element => { }` | +| `fof→` | `for(let itemName of objectName { }` | +| `fin→` | `for(let itemName in objectName { }` | +| `anfn→` | `(params) => { }` | +| `nfn→` | `const functionName = (params) => { }` | +| `dob→` | `const {propName} = objectToDescruct` | +| `dar→` | `const [propName] = arrayToDescruct` | +| `sti→` | `setInterval(() => { }, intervalTime` | +| `sto→` | `setTimeout(() => { }, delayTime` | +| `prom→` | `return new Promise((resolve, reject) => { }` | +| `cmmb→` | `comment block` | +| `cp→` | `const { } = this.props` | +| `cs→` | `const { } = this.state` | + + ### [Gi](https://marketplace.visualstudio.com/items?itemName=rubbersheep.gi) > Generating .gitignore files made easy.