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

Published by

Manoj

A developer,teacher and a blogger obsessed with Python,Dart and open source world from India

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.