Supported languages (file extensions)

Snippets info

Basic Methods

React

React Native

Redux

PropTypes

Console

React Components

rcc

importReact,{Component}from'react'exportdefaultclass$1extendsComponent{render(){return(<div>        $2</div>)}}

rce

importReact,{Component}from'react'exportclass$1extendsComponent{render(){return(<div>        $2</div>)}}exportdefault$1

rcep

importReact,{Component}from'react'importPropTypesfrom'prop-types'exportclass$1extendsComponent{staticpropTypes={}render(){return(<div>        $2</div>)}}exportdefault$1

rpc

importReact,{PureComponent}from'react'exportdefaultclass$1extendsPureComponent{render(){return(<div>        $2</div>)}}

rpcp

importReact,{PureComponent}from'react'importPropTypesfrom'prop-types'exportdefaultclass$1extendsPureComponent{staticpropTypes={}render(){return(<div>        $2</div>)}}

rccp

importReact,{Component}from'react'importPropTypesfrom'prop-types'exportdefaultclass$1extendsComponent{staticpropTypes={$2:$3}render(){return(<div>        $4</div>)}}

rfe

importReactfrom'react'const$1=(props)=>{return(<div>      $0</div>)}exportdefault$1

rfep

importReactfrom'react'importPropTypesfrom'prop-types'const$1=(props)=>{return(<div>      $0</div>)}$1.propTypes={}exportdefault$1

rfc

importReactfrom'react'exportdefault()=>{return(<div>      $0</div>)}

rfcp

importReactfrom'react'importPropTypesfrom'prop-types'exportdefault()=>{return(<div>      $0</div>)}$1.propTypes={}

rcredux

importReact,{Component}from'react'importPropTypesfrom'prop-types'import{connect}from'react-redux'exportclass$1extendsComponent{staticpropTypes={$2:$3}render(){return(<div>        $4</div>)}}constmapStateToProps=(state)=>({})constmapDispatchToProps={}exportdefaultconnect(mapStateToProps,mapDispatchToProps)($1)

reduxmap

constmapStateToProps=(state)=>({})constmapDispatchToProps={}

React Native Components

rnc

importReact,{Component}from'react'import{Text,View}from'react-native'exportdefaultclass$1extendsComponent{render(){return(<View><Text> $2</Text></View>)}}

rnce

importReact,{Component}from'react'import{Text,View}from'react-native'exportclass$1extendsComponent{render(){return(<View><Text> $2</Text></View>)}}exportdefault$1

Others

cmmb

/**|--------------------------------------------------| $1|--------------------------------------------------*/

desc

describe('$1',()=>{$2})

test

test('should $1',()=>{$2})

tit

it('should $1',()=>{$2})

stest

import{${1:ComponentName},mapStateToProps,mapDispatchToProps}from'${2:path}/${1:ComponentName}'describe('<${1:ComponentName} />',()=>{constdefaultProps={}constsetup=buildSetup(${1:ComponentName},defaultProps)test('render',()=>{expect(setup().wrapper).toMatchSnapshot()})})

sjtest

importtoJsonfrom'enzyme-to-json'import{${1:ComponentName}},mapStateToProps,mapDispatchToProps}from'${2:path}/${1:ComponentName}'describe('<${1:ComponentName} />',()=>{constdefaultProps={}constsetup=buildSetup(${1:ComponentName},defaultProps)test('render',()=>{expect(toJson(setup().wrapper)).toMatchSnapshot()})})

sntest

import'react-native'importReactfrom'react'importrendererfrom'react-test-renderer'import${1:ComponentName}from'../${1:ComponentName}'it('renders correctly',()=>{consttree=renderer.create(<${1:ComponentName}/>).toJSON()expect(tree).toMatchSnapshot()})

hocredux

importReactfrom'react'importPropTypesfrom'prop-types'import{connect}from'react-redux'exportconstmapStateToProps=state=>({})exportconstmapDispatchToProps={}exportconst${1:hocComponentName}=(WrappedComponent)=>{consthocComponent=({ ...props})=><WrappedComponent{...props}/>hocComponent.propTypes={}returnhocComponent}exportdefaultWrapperComponent=>connect(mapStateToProps,mapDispatchToProps)(${1:hocComponentName}(WrapperComponent))

hoc

importReactfrom'react'importPropTypesfrom'prop-types'exportdefault(WrappedComponent)=>{consthocComponent=({ ...props})=><WrappedComponent{...props}/>hocComponent.propTypes={}returnhocComponent}