Snippets for React, React native and styled-components

React.snippets

{
	"useStateHook": {
	  "prefix": "uState",
	  "body": [
		"const [${1:state}, set${2:State}] = useState(${3});"
	  ],
	  "description": "Create useState"
	},
	"useEffectHook": {
	  "prefix": "uEffect",
	  "body": [
		"useEffect(()=>{",
		"    ${1:// code}",
		"  },[]);"
	  ],
	  "description": "Create useEffect"
	},
	"useEffectAsyncHook": {
	  "prefix": "uAEffect",
	  "body": [
		"useEffect(()=> {",
		"    (async ()=>{",
		"      ${1:// await function}",
		"    })()",
		"  },[]);"
	  ],
	  "description": "Create useEffect Async"
	},
	"useCallback": {
	  "prefix": "uCallback",
	  "body": [
		"const ${1:name} = useCallback(() => {",
		"  ${2:// code}",
		"}, [${3}]);"
	  ],
	  "description": "Create useCallback function"
	},
	"Create React Native FC": {
	  "prefix": "rnfc",
	  "body": [
		"import React from 'react';",
		"import { View } from 'react-native';",
		"",
		"//import { Container } from './styles';",
		"",
		"",
		"export function ${1:${TM_DIRECTORY/^.*(\\\\/|\\\\\\\\)([^(\\\\/|\\\\\\\\)]+)$/$2/}}() {",
		"  return <View />;",
		"}"
	  ],
	  "description": "Create React Native FC"
	},
	"Create React FC": {
		"prefix": "rfc",
		"body": [
		  "import React from 'react';",
			"",
		  "// import { Container } from './styles';",
		  "",
		  "",
		  "export function ${1:${TM_DIRECTORY/^.*(\\\\/|\\\\\\\\)([^(\\\\/|\\\\\\\\)]+)$/$2/}}() {",
		  "  return <View />;",
		  "}"
		],
		"description": "Create React FC"
	  },
	"Create Styled RNFC": {
	  "prefix": "styledrn",
	  "body": [
		"import styled from 'styled-components/native';",
		"",
		"export const Container = styled.View`",
		"  ",
		"`;"
	  ],
	  "description": "Create Styled RNFC"
	},
	"Create Styled RFC": {
		"prefix": "styledreact",
		"body": [
		  "import styled from 'styled-components';",
		  "",
		  "export const Container = styled.div`",
		  "  ",
		  "`;"
		],
		"description": "Create Styled React"
	  }
  }