react开发插件-ES7 React/Redux/GraphQL/React-Native snippets（二）

import React, { Component } from 'react'
export default class FileName extends Component {
  render() {
    return <div>$2</div>
  }
}

import React, { Component } from 'react'
export class FileName extends Component {
  render() {
    return <div>$2</div>
  }
}
export default $1

import React, { Component } from 'react'
import PropTypes from 'prop-types'
export class FileName extends Component {
  static propTypes = {}
  render() {
    return <div>$2</div>
  }
}
export default $1

import React, { PureComponent } from 'react'
export default class FileName extends PureComponent {
  render() {
    return <div>$2</div>
  }
}

import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
export default class FileName extends PureComponent {
  static propTypes = {}
  render() {
    return <div>$2</div>
  }
}

import React, { PureComponent } from 'react'
import PropTypes from 'prop-types'
export class FileName extends PureComponent {
  static propTypes = {}
  render() {
    return <div>$2</div>
  }
}

import React, { Component } from 'react'
import PropTypes from 'prop-types'
export default class FileName extends Component {
  static propTypes = {
    $2: $3,
  }
  render() {
    return <div>$4</div>
  }
}

import React from 'react'
import PropTypes from 'prop-types'
function $1(props) {
  return <div>$0</div>
}
$1.propTypes = {}
export default $1

import React from 'react'
export default function $1() {
  return <div>$0</div>
}

import React from 'react'
function $1() {
  return <div>$0</div>
}
export default $1

import React from 'react'
import PropTypes from 'prop-types'
const $1 = props => {
  return <div>$0</div>
}
$1.propTypes = {}
export default $1

import React from 'react'
const $1 = () => {
  return <div>$0</div>
}
export default $1

import React from 'react'
const $1 = () => {
  return <div>$0</div>
}
export default $1

import React, { memo } from 'react'
export default memo(function $1() {
  return <div>$0</div>
})

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'
export class FileName extends Component {
  static propTypes = {
    $2: $3,
  }
  render() {
    return <div>$4</div>
  }
}
const mapStateToProps = state => ({})
const mapDispatchToProps = {}
export default connect(
  mapStateToProps,
  mapDispatchToProps,
)(FileName)

const mapStateToProps = state => ({})
const mapDispatchToProps = {}

import React, { Component } from 'react'
import { Text, View } from 'react-native'
export default class FileName extends Component {
  render() {
    return (
      <View>
        <Text> $2 </Text>
      </View>
    )
  }
}

import React, { Component } from 'react'
import { Text, StyleSheet, View } from 'react-native'
export default class FileName extends Component {
  render() {
    return (
      <View>
        <Text> $2 </Text>
      </View>
    )
  }
}
const styles = StyleSheet.create({})

import React, { Component } from 'react'
import { Text, View } from 'react-native'
export class FileName extends Component {
  render() {
    return (
      <View>
        <Text> $2 </Text>
      </View>
    )
  }
}
export default $1

import React, { Component } from 'react'
import { View, Text } from 'react-native'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'
export class FileName extends Component {
  static propTypes = {
    $2: $3,
  }
  render() {
    return (
      <View>
        <Text> $2 </Text>
      </View>
    )
  }
}
const mapStateToProps = state => ({})
const mapDispatchToProps = {}
export default connect(
  mapStateToProps,
  mapDispatchToProps,
)(FileName)

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

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

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

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

import React from 'react'
import renderer from 'react-test-renderer'
import { ${1:ComponentName} } from '../${1:ComponentName}'
describe('<${1:ComponentName} />', () => {
  const defaultProps = {}
  const wrapper = renderer.create(<${1:ComponentName} {...defaultProps} />)
  test('render', () => {
    expect(wrapper).toMatchSnapshot()
  })
})

import React from 'react'
import renderer from 'react-test-renderer'
import { Provider } from 'react-redux'
import store from 'src/store'
import { ${1:ComponentName} } from '../${1:ComponentName}'
describe('<${1:ComponentName} />', () => {
  const defaultProps = {}
  const wrapper = renderer.create(
    <Provider store={store}>
      <${1:${TM_FILENAME_BASE}} {...defaultProps} />)
    </Provider>,
  )
  test('render', () => {
    expect(wrapper).toMatchSnapshot()
  })
})

import 'react-native'
import React from 'react'
import renderer from 'react-test-renderer'
import ${1:ComponentName} from '../${1:ComponentName}'
describe('<${1:ComponentName} />', () => {
  const defaultProps = {
  }
  const wrapper = renderer.create(<${1:ComponentName} {...defaultProps} />)
  test('render', () => {
    expect(wrapper).toMatchSnapshot()
  })
})

import 'react-native'
import React from 'react'
import renderer from 'react-test-renderer'
import { Provider } from 'react-redux'
import store from 'src/store/configureStore'
import ${1:ComponentName} from '../${1:ComponentName}'
describe('<${1:ComponentName} />', () => {
  const defaultProps = {}
  const wrapper = renderer.create(
    <Provider store={store}>
      <${1:ComponentName} {...defaultProps} />
    </Provider>,
  )
  test('render', () => {
    expect(wrapper).toMatchSnapshot()
  })
})

import React from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'
export const mapStateToProps = state => ({
})
export const mapDispatchToProps = {
}
export const ${1:hocComponentName} = (WrappedComponent) => {
  const hocComponent = ({ ...props }) => <WrappedComponent {...props} />
  hocComponent.propTypes = {
  }
  return hocComponent
}
export default WrapperComponent => connect(mapStateToProps, mapDispatchToProps)(${1:hocComponentName}(WrapperComponent))

import React from 'react'
import PropTypes from 'prop-types'
export default WrappedComponent => {
  const hocComponent = ({ ...props }) => <WrappedComponent {...props} />
  hocComponent.propTypes = {}
  return hocComponent
}