Awesome-Mirrors/awesome-vscode
1
0
Fork 0
mirror of https://github.com/viatsko/awesome-vscode.git synced 2024-06-26 14:12:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

simplified description of ES7 React/Redux/GraphQL/React-Native snippets as requested

Browse Source
This commit is contained in:
Muljayan 2018-10-07 19:26:04 +05:30
parent dacf6450e4
commit ac56b23229
1 changed files with 2 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
README.md
View File

@ -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.