Snippets in Visual Studio Code code > Preferences > User Snippets > New Global Snippets File > newSnippet.code-snippet file path : /Users/username/Library/ApplicationSupport/Code/User/snippets { "React stateless functional component": { "scope": "javascriptreact", "prefix": "fcomp", "body": [ "import React from 'react'", " ", "const ${1:ComponentName} = ()=><div>${i:componentName}</div>", " ", "export default ${1:componentName}" ], "description": "Create a React stateless functionl component" }, "React stateful functional component": { "scope": "javascriptreact", "prefix": "fscomp", "body": [ "import React, { useState } from 'react'", " ", "const ${1:ComponentName} = () => {", " ", " const [state, setState] = useState();", " ", " return <div>${1:componentName} $0</div>", "}", "export default ${1:componentName}" ], "description": "Create a React stateful functionl component" } } Youtube reference link