├── README.md
└── javascriptreact.json


/README.md:
--------------------------------------------------------------------------------
1 | # Snippets
2 | VSCode Snippets For Web Developers


--------------------------------------------------------------------------------
/javascriptreact.json:
--------------------------------------------------------------------------------
 1 | {
 2 |      "fcc": {
 3 | 		"prefix": "fcc",
 4 | 		"body": [
 5 |       "import './${TM_FILENAME_BASE/^(.)/${1:/downcase}/}.css'"
 6 |       ""
 7 |       "const ${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}} = () => {",
 8 |       "  return (",
 9 |       "    <div className='${TM_FILENAME_BASE/^(.)/${1:/downcase}/}'>${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}}</div>",
10 |       "  )",
11 |       "}",
12 |       "",
13 |       "export default ${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}}" 
14 | 		],
15 | 		"description": "Create an arrow component with css"
16 |     },
17 |     "fcs": {
18 |         "prefix": "fcs",
19 |         "body": [
20 |             "import './${TM_FILENAME_BASE/^(.)/${1:/downcase}/}.scss'"
21 |             ""
22 |             "function ${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}}(){",
23 |             "  return (",
24 |             "    <div className='${TM_FILENAME_BASE/^(.)/${1:/downcase}/}'>${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}}</div>",
25 |             "  )",
26 |             "}",
27 |             "",
28 |             "export default ${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}}"
29 |         ],
30 |         "description": "Create a functional component with Sass"
31 |     },
32 |     "acs": {
33 | 	"prefix": "acs",
34 | 	"body": [
35 |             "import './${TM_FILENAME_BASE/^(.)/${1:/downcase}/}.scss'"
36 |             ""
37 |             "const ${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}} = () => {",
38 |             "  return (",
39 |             "    <div className='${TM_FILENAME_BASE/^(.)/${1:/downcase}/}'>${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}}</div>",
40 |             "  )",
41 |             "}",
42 |             "",
43 |             "export default ${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}}" 
44 | 	],
45 | 	"description": "Create an arrow component with Sass"
46 |     },
47 | "comp": {
48 | 		"prefix": "comp",
49 | 		"body": [
50 |       "const ${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}} = () => {",
51 |       "  return (",
52 |       "    <div>${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}}</div>",
53 |       "  )",
54 |       "}",
55 |       "",
56 |       "export default ${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}}" 
57 | 		],
58 | 		"description": "Create a component"
59 | 	},
60 | "compt": {
61 | 		"prefix": "compt",
62 | 		"body": [
63 |       "const ${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}} = () => {",
64 |       "  return (",
65 |       "    <div className=''>${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}}</div>",
66 |       "  )",
67 |       "}",
68 |       "",
69 |       "export default ${1:${TM_FILENAME_BASE/(.)(.*)/${1:/capitalize}${2}/}}" 
70 | 		],
71 | 		"description": "Create a component with tailwind classname"
72 | 	}
73 | 
74 | 
75 | }
76 | 


--------------------------------------------------------------------------------