Best React Extension for VS Code ES7 React/Redux/GraphQL/React-Native snippets

Honestly not every extension is going to make your coding life easier, some of them are a pain for most developers since it does too much! The reason I like ES7 React/Redux/GraphQL/React-Native snippets because it does just right for you!

This extension provides you JavaScript and React/Redux snippets in ES7 with Babel plugin features for VS Code.

Below are the most handy PrefixMethod i have been using a lot for react:

To make a new class component , you just need 2 seconds :

rcc→ 

rce→

Others great shortcuts:

imr→import React from 'react'
imrd→import ReactDOM from 'react-dom'
imrcp→import React, { Component } from 'react' & import PropTypes from 'prop-types'
imrr→import { BrowserRouter as Router, Route, NavLink} from 'react-router-dom'
imbrc→import { Route, Switch, NavLink, Link } from react-router-dom'
sst→this.setState({ })
cdm→componentDidMount = () => { }
cdup→componentDidUpdate = (prevProps, prevState) => { }

Summary:

Make sure try ES7 React/Redux/GraphQL/React-Native snippets, i bet you will love it. Because we are lazy as a programmer, we don’t want to write the code again and again that we don’t have to.