From 5f598299b00ea181dbf48669e291a16c882b2d50 Mon Sep 17 00:00:00 2001 From: Muljayan Date: Sun, 7 Oct 2018 11:55:51 +0530 Subject: [PATCH 01/11] Included ES7 React/Redux/GraphQL/React-Native snippets under javascript --- README.md | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) diff --git a/README.md b/README.md index 4ecaa08..530a840 100644 --- a/README.md +++ b/README.md @@ -268,6 +268,71 @@ See the difference between these two [here](https://github.com/michaelgmcd/vscod - [XO](https://marketplace.visualstudio.com/items?itemName=samverschueren.linter-xo) - Linter for [XO](https://github.com/xojs/xo). - [AVA](https://marketplace.visualstudio.com/items?itemName=samverschueren.ava) - Snippets for [AVA](https://github.com/avajs/ava). - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Linter, Formatter and Pretty printer for [Prettier](https://github.com/prettier/prettier-vscode). +- [ES7 React/Redux/GraphQL/React-Native snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets) - This extension provides you Javascript and React/Redux snippets in ES7 with babel plugins features +#### 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` | + +#### React + +| Prefix | Method | +| ----------: | ----------------------------------------------------------------------------------- | +| `imr→` | `import React from 'react'` | +| `imrd→` | `import ReactDOM from 'react-dom'` | +| `imrc→` | `import React, { Component } from 'react'` | +| `imrcp→` | `import React, { Component } from 'react' & import PropTypes from 'prop-types'` | +| `imrpc→` | `import React, { PureComponent } from 'react'` | +| `imrpcp→` | `import React, { PureComponent } from 'react' & import PropTypes from 'prop-types'` | +| `impt→` | `import PropTypes from 'prop-types'` | +| `redux→` | `import { connect } from 'react-redux'` | +| `rconst→` | `constructor(props) with this.state` | +| `rconc→` | `constructor(props, context) with this.state` | +| `est→` | `this.state = { }` | +| `cwm→` | `componentWillMount = () => { }` DEPRECATED!!! | +| `cdm→` | `componentDidMount = () => { }` | +| `cwr→` | `componentWillReceiveProps = (nextProps) => { }` DEPRECATED!!! | +| `scu→` | `shouldComponentUpdate = (nextProps, nextState) => { }` | +| `cwup→` | `componentWillUpdate = (nextProps, nextState) => { }` DEPRECATED!!! | +| `cdup→` | `componentDidUpdate = (prevProps, prevState) => { }` | +| `cwun→` | `componentWillUnmount = () => { }` | +| `cwun→` | `componentWillUnmount = () => { }` | +| `gdsfp→` | `static getDerivedStateFromProps(nextProps, prevState) { }` | +| `gsbu→` | `getSnapshotBeforeUpdate = (prevProps, prevState) => { }` | +| `ren→` | `render() { return( ) }` | +| `sst→` | `this.setState({ })` | +| `ssf→` | `this.setState((state, props) => return { })` | +| `props→` | `this.props.propName` | +| `state→` | `this.state.stateName` | +| `rcontext→` | `const ${1:contextName} = React.createContext()` | +| `cref→` | `this.${1:refName}Ref = React.createRef()` | +| `fref→` | `const ref = React.createRef()` | +| `bnd→` | `this.methodName = this.methodName.bind(this)` | + ### [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) From f47e0fa72e976ed917cf932fea59e23b9e800d9c Mon Sep 17 00:00:00 2001 From: Muljayan Date: Sun, 7 Oct 2018 11:59:14 +0530 Subject: [PATCH 02/11] removed example tables --- README.md | 63 ------------------------------------------------------- 1 file changed, 63 deletions(-) diff --git a/README.md b/README.md index 530a840..beb6baf 100644 --- a/README.md +++ b/README.md @@ -269,69 +269,6 @@ See the difference between these two [here](https://github.com/michaelgmcd/vscod - [AVA](https://marketplace.visualstudio.com/items?itemName=samverschueren.ava) - Snippets for [AVA](https://github.com/avajs/ava). - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Linter, Formatter and Pretty printer for [Prettier](https://github.com/prettier/prettier-vscode). - [ES7 React/Redux/GraphQL/React-Native snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets) - This extension provides you Javascript and React/Redux snippets in ES7 with babel plugins features -#### 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` | - -#### React - -| Prefix | Method | -| ----------: | ----------------------------------------------------------------------------------- | -| `imr→` | `import React from 'react'` | -| `imrd→` | `import ReactDOM from 'react-dom'` | -| `imrc→` | `import React, { Component } from 'react'` | -| `imrcp→` | `import React, { Component } from 'react' & import PropTypes from 'prop-types'` | -| `imrpc→` | `import React, { PureComponent } from 'react'` | -| `imrpcp→` | `import React, { PureComponent } from 'react' & import PropTypes from 'prop-types'` | -| `impt→` | `import PropTypes from 'prop-types'` | -| `redux→` | `import { connect } from 'react-redux'` | -| `rconst→` | `constructor(props) with this.state` | -| `rconc→` | `constructor(props, context) with this.state` | -| `est→` | `this.state = { }` | -| `cwm→` | `componentWillMount = () => { }` DEPRECATED!!! | -| `cdm→` | `componentDidMount = () => { }` | -| `cwr→` | `componentWillReceiveProps = (nextProps) => { }` DEPRECATED!!! | -| `scu→` | `shouldComponentUpdate = (nextProps, nextState) => { }` | -| `cwup→` | `componentWillUpdate = (nextProps, nextState) => { }` DEPRECATED!!! | -| `cdup→` | `componentDidUpdate = (prevProps, prevState) => { }` | -| `cwun→` | `componentWillUnmount = () => { }` | -| `cwun→` | `componentWillUnmount = () => { }` | -| `gdsfp→` | `static getDerivedStateFromProps(nextProps, prevState) { }` | -| `gsbu→` | `getSnapshotBeforeUpdate = (prevProps, prevState) => { }` | -| `ren→` | `render() { return( ) }` | -| `sst→` | `this.setState({ })` | -| `ssf→` | `this.setState((state, props) => return { })` | -| `props→` | `this.props.propName` | -| `state→` | `this.state.stateName` | -| `rcontext→` | `const ${1:contextName} = React.createContext()` | -| `cref→` | `this.${1:refName}Ref = React.createRef()` | -| `fref→` | `const ref = React.createRef()` | -| `bnd→` | `this.methodName = this.methodName.bind(this)` | ### [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) From fdf5a0b08a3749d4a50feaa54c3bf378dfa60252 Mon Sep 17 00:00:00 2001 From: Muljayan Date: Sun, 7 Oct 2018 12:16:19 +0530 Subject: [PATCH 03/11] Changed ES7 React/Redux/GraphQL/React-Native snippets under productivity --- README.md | 71 +++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 69 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index beb6baf..4a7de02 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 React/Redux/GraphQL/React-Native snippets) - [Gi](#gi) - [Git History](#git-history) - [Git Project Manager](#git-project-manager) @@ -268,8 +269,6 @@ See the difference between these two [here](https://github.com/michaelgmcd/vscod - [XO](https://marketplace.visualstudio.com/items?itemName=samverschueren.linter-xo) - Linter for [XO](https://github.com/xojs/xo). - [AVA](https://marketplace.visualstudio.com/items?itemName=samverschueren.ava) - Snippets for [AVA](https://github.com/avajs/ava). - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Linter, Formatter and Pretty printer for [Prettier](https://github.com/prettier/prettier-vscode). -- [ES7 React/Redux/GraphQL/React-Native snippets](https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets) - This extension provides you Javascript and React/Redux snippets in ES7 with babel plugins features - ### [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) @@ -382,6 +381,74 @@ 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 with babel plugins features + +> 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` | + +> React + +| Prefix | Method | +| ----------: | ----------------------------------------------------------------------------------- | +| `imr→` | `import React from 'react'` | +| `imrd→` | `import ReactDOM from 'react-dom'` | +| `imrc→` | `import React, { Component } from 'react'` | +| `imrcp→` | `import React, { Component } from 'react' & import PropTypes from 'prop-types'` | +| `imrpc→` | `import React, { PureComponent } from 'react'` | +| `imrpcp→` | `import React, { PureComponent } from 'react' & import PropTypes from 'prop-types'` | +| `impt→` | `import PropTypes from 'prop-types'` | +| `redux→` | `import { connect } from 'react-redux'` | +| `rconst→` | `constructor(props) with this.state` | +| `rconc→` | `constructor(props, context) with this.state` | +| `est→` | `this.state = { }` | +| `cwm→` | `componentWillMount = () => { }` DEPRECATED!!! | +| `cdm→` | `componentDidMount = () => { }` | +| `cwr→` | `componentWillReceiveProps = (nextProps) => { }` DEPRECATED!!! | +| `scu→` | `shouldComponentUpdate = (nextProps, nextState) => { }` | +| `cwup→` | `componentWillUpdate = (nextProps, nextState) => { }` DEPRECATED!!! | +| `cdup→` | `componentDidUpdate = (prevProps, prevState) => { }` | +| `cwun→` | `componentWillUnmount = () => { }` | +| `cwun→` | `componentWillUnmount = () => { }` | +| `gdsfp→` | `static getDerivedStateFromProps(nextProps, prevState) { }` | +| `gsbu→` | `getSnapshotBeforeUpdate = (prevProps, prevState) => { }` | +| `ren→` | `render() { return( ) }` | +| `sst→` | `this.setState({ })` | +| `ssf→` | `this.setState((state, props) => return { })` | +| `props→` | `this.props.propName` | +| `state→` | `this.state.stateName` | +| `rcontext→` | `const ${1:contextName} = React.createContext()` | +| `cref→` | `this.${1:refName}Ref = React.createRef()` | +| `fref→` | `const ref = React.createRef()` | +| `bnd→` | `this.methodName = this.methodName.bind(this)` | + ### [Gi](https://marketplace.visualstudio.com/items?itemName=rubbersheep.gi) > Generating .gitignore files made easy. From 1adc32a10e7a93dd2866d43a9d38dbad4587602f Mon Sep 17 00:00:00 2001 From: Muljayan Date: Sun, 7 Oct 2018 12:18:51 +0530 Subject: [PATCH 04/11] Fixed linking issues from TOC --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 4a7de02..ab96a6b 100644 --- a/README.md +++ b/README.md @@ -46,7 +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 React/Redux/GraphQL/React-Native snippets) + - [ES7 React/Redux/GraphQL/React-Native snippets](#ES7-React/Redux/GraphQL/React-Native-snippets) - [Gi](#gi) - [Git History](#git-history) - [Git Project Manager](#git-project-manager) From a371725efa4641a0b22cf12db27dc06f05ad6d2d Mon Sep 17 00:00:00 2001 From: Muljayan Date: Sun, 7 Oct 2018 12:20:22 +0530 Subject: [PATCH 05/11] Fixed linking issues 2 --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index ab96a6b..1c5e350 100644 --- a/README.md +++ b/README.md @@ -46,7 +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-React/Redux/GraphQL/React-Native-snippets) + - [ES7 React/Redux/GraphQL/React-Native snippets](#ES7-React-Redux-GraphQL-React-Native-snippets) - [Gi](#gi) - [Git History](#git-history) - [Git Project Manager](#git-project-manager) From 1ea4ea81a2f66c2450a9e383ba198b238a08a893 Mon Sep 17 00:00:00 2001 From: Muljayan Date: Sun, 7 Oct 2018 12:25:15 +0530 Subject: [PATCH 06/11] fixed linking 3 --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 1c5e350..f8060db 100644 --- a/README.md +++ b/README.md @@ -46,7 +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-React-Redux-GraphQL-React-Native-snippets) + - [ES7 React/Redux/GraphQL/React-Native snippets](#es7-reactreduxgraphqlreact-native-snippets) - [Gi](#gi) - [Git History](#git-history) - [Git Project Manager](#git-project-manager) From ac56b232297ccafa8410efdad04879fef788821b Mon Sep 17 00:00:00 2001 From: Muljayan Date: Sun, 7 Oct 2018 19:26:04 +0530 Subject: [PATCH 07/11] simplified description of ES7 React/Redux/GraphQL/React-Native snippets as requested --- README.md | 39 ++------------------------------------- 1 file changed, 2 insertions(+), 37 deletions(-) diff --git a/README.md b/README.md index cd1e972..386fc4f 100644 --- a/README.md +++ b/README.md @@ -46,7 +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) +- [ES7 React/Redux/GraphQL/React-Native snippets](#es7-reactreduxgraphqlreact-native-snippets) - [Gi](#gi) - [Git History](#git-history) - [Git Project Manager](#git-project-manager) @@ -385,7 +385,7 @@ To enable Emmet support in .twig files, you'll need to have the following in you ## [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 with babel plugins features +> Provides Javascript and React/Redux snippets in ES7 > Basic Methods @@ -416,41 +416,6 @@ To enable Emmet support in .twig files, you'll need to have the following in you | `cp→` | `const { } = this.props` | | `cs→` | `const { } = this.state` | -> React - -| Prefix | Method | -| ----------: | ----------------------------------------------------------------------------------- | -| `imr→` | `import React from 'react'` | -| `imrd→` | `import ReactDOM from 'react-dom'` | -| `imrc→` | `import React, { Component } from 'react'` | -| `imrcp→` | `import React, { Component } from 'react' & import PropTypes from 'prop-types'` | -| `imrpc→` | `import React, { PureComponent } from 'react'` | -| `imrpcp→` | `import React, { PureComponent } from 'react' & import PropTypes from 'prop-types'` | -| `impt→` | `import PropTypes from 'prop-types'` | -| `redux→` | `import { connect } from 'react-redux'` | -| `rconst→` | `constructor(props) with this.state` | -| `rconc→` | `constructor(props, context) with this.state` | -| `est→` | `this.state = { }` | -| `cwm→` | `componentWillMount = () => { }` DEPRECATED!!! | -| `cdm→` | `componentDidMount = () => { }` | -| `cwr→` | `componentWillReceiveProps = (nextProps) => { }` DEPRECATED!!! | -| `scu→` | `shouldComponentUpdate = (nextProps, nextState) => { }` | -| `cwup→` | `componentWillUpdate = (nextProps, nextState) => { }` DEPRECATED!!! | -| `cdup→` | `componentDidUpdate = (prevProps, prevState) => { }` | -| `cwun→` | `componentWillUnmount = () => { }` | -| `cwun→` | `componentWillUnmount = () => { }` | -| `gdsfp→` | `static getDerivedStateFromProps(nextProps, prevState) { }` | -| `gsbu→` | `getSnapshotBeforeUpdate = (prevProps, prevState) => { }` | -| `ren→` | `render() { return( ) }` | -| `sst→` | `this.setState({ })` | -| `ssf→` | `this.setState((state, props) => return { })` | -| `props→` | `this.props.propName` | -| `state→` | `this.state.stateName` | -| `rcontext→` | `const ${1:contextName} = React.createContext()` | -| `cref→` | `this.${1:refName}Ref = React.createRef()` | -| `fref→` | `const ref = React.createRef()` | -| `bnd→` | `this.methodName = this.methodName.bind(this)` | - ### [Gi](https://marketplace.visualstudio.com/items?itemName=rubbersheep.gi) > Generating .gitignore files made easy. From ebb7619a9fe46cf814cec4555772653dc66bc8b8 Mon Sep 17 00:00:00 2001 From: Muljayan Date: Sun, 7 Oct 2018 19:30:57 +0530 Subject: [PATCH 08/11] fixed the entry in TOC --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 386fc4f..04116b1 100644 --- a/README.md +++ b/README.md @@ -46,7 +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) + - [ES7 React/Redux/GraphQL/React-Native snippets](#es7-reactreduxgraphqlreact-native-snippets) - [Gi](#gi) - [Git History](#git-history) - [Git Project Manager](#git-project-manager) From 44ae5bfe5908d8678c850debaaebe44cebffd15f Mon Sep 17 00:00:00 2001 From: Muljayan Date: Mon, 8 Oct 2018 10:07:28 +0530 Subject: [PATCH 09/11] updated pr --- README.md | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) 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. From 19cc3135cdcc775a6492f6c159eb833eb654f9df Mon Sep 17 00:00:00 2001 From: Muljayan Date: Mon, 8 Oct 2018 10:27:11 +0530 Subject: [PATCH 10/11] resolved conflicts --- README.md | 4 ---- 1 file changed, 4 deletions(-) diff --git a/README.md b/README.md index 2661de5..36066a2 100644 --- a/README.md +++ b/README.md @@ -417,10 +417,6 @@ To enable Emmet support in .twig files, you'll need to have the following in you | `cp→` | `const { } = this.props` | | `cs→` | `const { } = this.state` | -<<<<<<< HEAD - -======= ->>>>>>> ebb7619a9fe46cf814cec4555772653dc66bc8b8 ### [Gi](https://marketplace.visualstudio.com/items?itemName=rubbersheep.gi) > Generating .gitignore files made easy. From ae39c12f36bc7a766eb9470eeae744bc1b0ffb26 Mon Sep 17 00:00:00 2001 From: Muljayan <37667437+Muljayan@users.noreply.github.com> Date: Thu, 11 Oct 2018 00:03:39 +0530 Subject: [PATCH 11/11] Added image Added screenshot for es7-reactreduxgraphqlreact-native-snippets --- README.md | 29 +---------------------------- 1 file changed, 1 insertion(+), 28 deletions(-) diff --git a/README.md b/README.md index 36066a2..82c3a01 100644 --- a/README.md +++ b/README.md @@ -388,34 +388,7 @@ To enable Emmet support in .twig files, you'll need to have the following in you > 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` | +![es7-reactreduxgraphqlreact-native-snippets](https://user-images.githubusercontent.com/37667437/46757404-aa365800-cce7-11e8-80ca-9207b7a68dea.png) ### [Gi](https://marketplace.visualstudio.com/items?itemName=rubbersheep.gi) > Generating .gitignore files made easy.