Same as https://marketplace.visualstudio.com/items?itemName=EQuimper.react-native-react-redux but for the user who like the Standard style.
After install this snippets add this inside your settings
"editor.snippetSuggestions": "top",
| Snippets | Content |
|---|---|
| imr | Import React |
| imrc | Import React Component |
| imrn | Import React-Native Element |
| ims | Import Styled-Components |
| imsn | Import Styled-Components Native |
| rct | Redux constant |
| crr | Connect Redux |
| sl | Stateless Component |
| slc | Stateless Component Function |
| ccs | Component Class |
| edccs | Export default Component Class |
| rrd | Redux Reducer |
| rpf | Redux Pure Function |
| rpc | Redux Pure Function Const |
| cwm | ComponentWillMount |
| cdm | ComponentDidMount |
| cdu | ComponentDidUpdate |
| cwu | ComponentWillUpdate |
| cwum | ComponentWillUnmount |
| cwrp | ComponentWillReceiveProps |
| ess | EStyleSheet Style |
| ed | Export default |
| edl | EslintDisableLine |
| styc | Styled Component |
| estyc | Export Styled Component |
| edstyc | Export default Styled Component |
| cmmb | Comment Big Block |
| log | Console Log |
| tdesc | Test Describe |
| tit | Test It |
import React from 'react'import React, { Component } from 'react'import { $1 } from 'react-native'import styled from 'styled-components'import styled from 'styled-components/native'export const $1 = '$1'import { connect } from 'react-redux'const $1 = () => (
$2
)
export default $1function $1($2) {
$3
}
export default $1class $1 extends Component {
state = { $2 }
render() {
return (
$3
)
}
}
export default $1export default class $1 extends Component {
state = { $2 }
render() {
return (
$3
)
}
}export default (state = $1, action) => {
switch (action.type) {
case $2:
$3
default:
return state
}
}export const $1 = '$1'
export function $2($3) {
return {
type: $1,
$3
}
}export const $1 = '$1'
export const $2 = $3 => ({
type: $1,
$3
})componentWillMount() {
$1
}componentWillUpdate() {
$1
}componentDidUpdate(prevProps, prevState) {
$1
}componentDidMount() {
$1
}componentWillUnmount() {
$1
}componentWillReceiveProps(nextProps) {
$1
}import EStyleSheet from 'react-native-extended-stylesheet'
const styles = EStyleSheet.create({
$1
})
export default stylesexport default $1// eslint-disable-lineconst $1 = styled.$2`
$3
`export const $1 = styled.$2`
$3
`export default styled.$1`
$2
`/**
|--------------------------------------------------
| $1
|--------------------------------------------------
*/console.log('====================================')
console.log($1)
console.log('====================================')describe('$1', () => {
$2
})it('should $1', $2($3) => {
$4
})