react-snippets-no-semi-colons

A group of useful and fruitful vscode snippets for react and react native development. No semi-colons, just because. Mostly for my own personal needs, check if it can be of any good to you 😀

Usage

Prefix | Description ---- |:-------- rcb→/cc→ | Curly braces with input inside, spaced { input } rfc→ | React functional component rfcp→ | React functional component, without props (cleaner) rcc→ | React classful component rccc→ | React classful component, without props (cleaner) rcon | Component constructor rwm→ | Component will mount rdm | Component did mount rwu→ | Component will update rdu→ | Component did update rwp→ | Component will receive props rsu→ | Component should update rim→ | Import statement with curly braces ri→ | Import statement without curly braces rid→ | Import statement for ReactDom rin→ | Import for react native rip→ | Import for PropTypes ripd→ | Import for PropTypes, with destructuring ris→ | Import styled components rts→ | this.state.${} rsst→ | this.setState() rtp→ | this.props.${} rpt→ | MyComponent.propTypes = {} rdpt→ | MyComponent.defaultProps = {} rst→ | const styles = {}, often used in react native rsc→ | Styled Component initialization: const $StyledComponent = styled.$tag``` rdst→| destructuring of styles:const { } = styles rdp→| destructuring of props:const { } = this.props rds→| destructuring of state:const { } = this.state /→| long comment for documentation purposes/ some comment **/ rxac→| constant declaration typically used in redux actions export ACTION_NAME = 'ACTION_NAME' rxmsp→`| redux mapStateToProps