Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Visual Studio Code Settings
[
{
"key": "cmd+right",
"command": "workbench.action.terminal.focusNext",
"when": "terminalFocus"
},
{
"key": "cmd+left",
"command": "workbench.action.terminal.focusPrevious",
"when": "terminalFocus"
},
{
"key": "cmd+alt+v",
"command": "toggleVim",
"when": "editorFocus"
}
]
{
"export { default }": {
"prefix": "exdef",
"body": ["export { default } from './${TM_DIRECTORY/^.+\\/(.*)$/$1/}'"],
"description": "Create a new export { default } for the current folder"
},
"React Stateless Next": {
"prefix": "rscn",
"body": "import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ${1:${TM_FILENAME_BASE}} = ({ ${2} }) => {\n\treturn (\n\t\t<Fragment>\n\t\t\t<div className='${3}'>\n\t\t\t\n\t\t\t</div>\n\t\t\t<style jsx>{`\n\t\t\t\t.${3} {\n\t\t\t\t\t${4}\n\t\t\t\t}\n\t\t\t`}</style>\n\t\t</Fragment>\n\t);\n};\n\n${1:${TM_FILENAME_BASE}}.propTypes = {\n\t${5}\n};\n\nexport default ${1:${TM_FILENAME_BASE}};",
"description": "Creates a stateless React component with PropTypes and ES6 module system for Next.js"
},
"React Stateless Next with Children": {
"prefix": "rscnc",
"body": "import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ${1:${TM_FILENAME_BASE}} = ({ children }) => {\n\treturn (\n\t\t<Fragment>\n\t\t\t<div className='${2}'>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t\t<style jsx>{`\n\t\t\t\t.${2} {\n\t\t\t\t\t${3}\n\t\t\t\t}\n\t\t\t`}</style>\n\t\t</Fragment>\n\t);\n};\n\n${1:${TM_FILENAME_BASE}}.propTypes = {\n\tchildren: PropTypes.node.isRequired\n};\n\nexport default ${1:${TM_FILENAME_BASE}};",
"description": "Creates a stateless React component with PropTypes and ES6 module system for Next.js with children"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.