Snippets for Typescript React

typescriptreact.json

// To open and edit javascriptreact.json in VS Code:

// Press Ctrl+Shift+P (or Cmd+Shift+P on Mac) to open the Command Palette.
// Type Preferences: Configure User Snippets and select it.
// Choose javascriptreact.json from the list.

{
	"Add Styles Import": {
	  "prefix": "ims",
	  "body": ["import style from './style.module.css';"],
	  "description": "Styles Import"
	},
	"Add Styles Import 2": {
		"prefix": "imss",
		"body": ["import s from './s.module.css';"],
		"description": "Styles Import"
	  },
	  "Add react-icons import": {
	  "prefix": "imi",
	  "body": ["import {$1} from 'react-icons/$2';"],
	  "description": "Import react-icons"
	},
	"Create Stylesheet.create base": {
		"prefix": "stc",
	  "body": [
		"",
		"const styles = StyleSheet.create({\nblock: {\n$0\n},\nchild: {\n\n},\nt: {\n\n},\n});",
		"",
	],
	  "description": "Adds Stylesheet.create base"
	},
	"add styles fast": {
		"prefix": "st",
	  "body": [
		"className={style.$0}",
	],
	  "description": "Adds Stylesheet.create base"
	}
  }