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 })