React-Native/React/Redux snippets for es6/es7 installs statistics

No Semicolon ?

For the version without semi-colon look this one https://marketplace.visualstudio.com/items?itemName=EQuimper.react-native-react-redux-snippets-for-es6-es7-version-standard

Usage

After install this snippets add this inside your settings

"editor.snippetSuggestions": "top",

Snippets List

Snippets	Content
imr	Import React
imro	Import React as Object
imrc	Import React Component
imrpc	Import React PureComponent
imrn	Import React-Native Element
ims	Import Styled-Components
imsn	Import Styled-Components Native
impt	Import PropTypes
rct	Redux constant
crr	Connect Redux
sl	Stateless Component
slr	Stateless Component Return
slc	Stateless Component Function
ccs	Component Class
cccs	Component Class With Constructor
ccsf	Component Class FlowType
pcs	PureComponent Class
pccs	PureComponent Class With Constructor
pcsf	PureComponent FlowType
ccsr	Component Class With Redux
edccs	Export default Component Class
rrd	Redux Reducer
rpf	Redux Pure Function
rpc	Redux Pure Function Const
cwm	ComponentWillMount
cdm	ComponentDidMount
cdu	ComponentDidUpdate
scu	ShouldComponentUpdate
cwu	ComponentWillUpdate
cwum	ComponentWillUnmount
cwrp	ComponentWillReceiveProps
cdc	ComponentDidCatch
cct	Create Context
gds	getDerivedStateFromProps
rnss	StyleSheet Style
ess	EStyleSheet Style
ed	Export default
edl	EslintDisableLine
ednl	EslintDisableNextLine
styc	Styled Component
estyc	Export Styled Component
edstyc	Export default Styled Component
cmmb	Comment Big Block
log	Console Log
cl	Standard console.log
tt	Test
tdesc	Test Describe
tit	Test It
ffm	FlowFixMe
rnstory	React-Native Story
rstory	React Story
rsf	React Stateless Function

---

imr [Import React]

import React from 'react';

---

imro [Import React as Object]

import * as React from 'react';

---

imrc [Import React Component]

import React, { Component } from 'react';

---

imrpc [Import React PureComponent]

import React, { PureComponent } from 'react';

---

imrn [Import React-Native Element]

import { $1 } from 'react-native';

---

ims [Import Styled-Components]

import styled from 'styled-components';

---

imsn [Import Styled-Components Native]

import styled from 'styled-components/native';

---

impt [Import PropTypes]

import PropTypes from 'prop-types';

---

rct [Redux Constant]

export const $1 = '$1';

---

crr [Connect Redux]

import { connect } from 'react-redux';

---

sl [Stateless Component]

const $1 = () => (
  $2
);

export default $1;

---

slr [Stateless Component Return]

const $1 = () => {
  return (
    $2
  );
}

export default $1;

---

slc [Stateless Component Function]

function $1($2) {
  $3
}

export default $1;

---

ccs [Component Class]

class $1 extends Component {
  state = { $2 }
  render() {
    return (
      $3
    );
  }
}

export default $1;

---

cccs [Component Class With Constructor]

class $1 extends Component {
  constructor(props) {
    super(props);
    this.state = { $2 };
  }
  render() {
    return (
      $3
    );
  }
}

export default $1;

---

ccsf [Component Class FlowType]

type P = {
  $1
};

type S = {
  $2
};

class $3 extends Component<P, S> {
  constructor(props) {
    super(props);
    this.state = { $4 };
  }
  render() {
    return (
      $5
    );
  }
}

export default $3;

---

pcs [PureComponent Class]

class $1 extends PureComponent {
  state = { $2 }
  render() {
    return (
      $3
    );
  }
}

export default $1;

---

---

pccs [PureComponent Class With Constructor]…