imp — Import Package

import name from 'module';

imd — Import Destructured

import { | } from 'module';

imr — Import React

import React from 'react';

ipt — Import PropTypes

import PropTypes from 'prop-types';

clg — Console Log

console.log(|);

rcc — Class Component

import React, { Component } from 'react';

class App extends Component {
  render() {
    return (
      <div>
        |
      </div>
    );
  }
}

export default App;

rccp — Class Component with PropTypes

import React, { Component } from 'react';
import PropTypes from 'prop-types';


class App extends Component {
  render() {
    return (
      <div>
        |
      </div>
    );
  }
}


App.propTypes = {

};


export default App;

rfc — Function Component

import React from 'react';

const App = () => {
  return (
    <div>
      |
    </div>
  );
}

export default App;

rfcp — Function Component with PropTypes

import React from 'react';
import PropTypes from 'prop-types';


const App = () => {
  return (
    <div>
      |
    </div>
  );
};


App.propTypes = {

};


export default App;

est — Empty State

this.state = {
  |
};

cdm — componentDidMount

componentDidMount() {
  |
}

scu — shouldComponentUpdate

shouldComponentUpdate(nextProps, nextState) {
  |
}

cdu — componentDidUpdate

componentDidUpdate(prevProps, prevState) {
  |
}

cwu — componentWillUnmount

componentWillUnmount() {
  |
}

gsb — getSnapshotBeforeUpdate

getSnapshotBeforeUpdate(prevProps, prevState) {
  |
}

gds — getDerivedStateFromProps

static getDerivedStateFromProps(nextProps, prevState) {
  |
}

cdc — componentDidCatch

componentDidCatch(error, info) {
  |
}

sst — setState with Object

this.setState(|)

ssf — setState with Function

this.setState((state, props) => { return { | }});

props — this.props

this.props.|

state — this.state

this.state.|

bnd — Bind Method in Constructor

this.| = this.|.bind(this);

useState

const [state, setState] = useState(|);

useEffect

useEffect(() => {
  |
  return () => {

  };
}, []);

useContext

const context = useContext(|);

rncc — React Native Class Component

import React, { Component } from 'react';
import { StyleSheet, View } from 'react-native';

class App extends Component {
  render() {
    return (
      <View>
        |
      </View>
    );
  }
}

const styles = StyleSheet.create({})

export default App;

rnfc — React Native Function Component

import React from 'react';
import { StyleSheet, View } from 'react-native';

const App = () => {
  return (
    <View>
      |
    </View>
  );
}

const styles = StyleSheet.create({})

export default App;

describe

describe('|', () => {

});

test

test('|', () => {

});

it

it('|', () => {

});