ES7 VS Code extension for React developers

The ES7 is a very handy extension for React developers who were using Visual Studio Code for writing and debugging. It will help code faster with functional, class component snippets. It support all major OS including Mac OS

Some of the useful snippets provided by the extension are

React Components

rcc

import React, { Component } from 'react'
​
export default class FileName extends Component {
  render() {
    return <div>$2</div>
  }
}

rce

import React, { Component } from 'react'
​
export class FileName extends Component {
  render() {
    return <div>$2</div>
  }
}
​
export default $1

rcep

import React, { Component } from 'react'
import PropTypes from 'prop-types'
​
export class FileName extends Component {
  static propTypes = {}
​
  render() {
    return <div>$2</div>
  }
}
​
export default $1

rpc

import React, { PureComponent } from 'react'
​
export default class FileName extends PureComponent {
  render() {
    return <div>$2</div>
  }
}

rpcp

import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
​
export default class FileName extends PureComponent {
  static propTypes = {}
​
  render() {
    return <div>$2</div>
  }
}

rpce

import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
​
export class FileName extends PureComponent {
  static propTypes = {}
​
  render() {
    return <div>$2</div>
  }
}
​
export default FileName

Here is the download link in case you miss them