Custom react and react native snippets for VSCode

vscode_snippet.md

Snippet para o VSCode

• Dentro do VS Code tecle Ctrl + Shift + P, digite snippet e escolha a opção Preferences: Configure User Snippets;

• Clicar em New Global Snippets file...

• Digite um nome para o arquivo;

• Apagar o conteudo do arquivo e inserir o json abaixo:

{
	"Basic React Native Component": {
		"prefix": "rnbc",
		"body": [
			"import React from 'react';",
			"",
			"import {",
			"  View",
			"} from 'react-native';",
			"",
			"import { styles } from './styles';",
			"",
			"export function ${TM_DIRECTORY/.*[\\\\|\\/]+(.*)/$1/}(){",
			"  return (",
			"    <View>",
			"",
			"    </View>",
			"  );",
			"}"
		],
		"description": "Create the structure of a react native component"
	},

	"StyleSheet React Native Object": {
		"prefix": "rnso",
		"body": [
			"import { StyleSheet } from 'react-native';",
			"",
			"export const styles = StyleSheet.create({",
			"  container: {",
			"    flex: 1,",			
			"  }",			
			"});"
		],
		"description": "Create a style object with Stylesheet to separate file."
	}
}