VS Code snippets for StyleX

[zaydek]

I use a couple of VS Code snippets to make authoring StyleX styles and components a little easier. I just wanted to share here in case anyone would benefit:

{
  "Insert Fence": {
    "prefix": "ff",
    "body": [
      "////////////////////////////////////////////////////////////////////////////////",
      "////////////////////////////////////////////////////////////////////////////////",
      "////////////////////////////////////////////////////////////////////////////////",
      "////////////////////////////////////////////////////////////////////////////////"
    ],
    "description": "Inserts a visual divider for code"
  },
  "Create StyleX Styles": {
    "prefix": "sc",
    "body": [
      "const ${1:styles} = stylex.create({",
      "  ${2:style}: {",
      "    ${3:// Add styles here}",
      "  }",
      "});"
    ],
    "description": "Defines a StyleX style object"
  },
  "React Component With StyleX Styles": {
    "prefix": "rc",
    "body": [
      "function ${1:Component}(): JSX.Element {",
      "  return (",
      "    <${2:div} {...stylex.props(${3:styles.style})}>",
      "      ${4:{/* Add content here */}}",
      "    </${2:div}>",
      "  );",
      "}"
    ],
    "description": "Creates a React component styled with StyleX"
  },
  "React Component (Simple)": {
    "prefix": "rcs",
    "body": [
      "function ${1:Component}(): JSX.Element {",
      "  return (",
      "    <${2:div}>",
      "      ${3:{/* Add content here */}}",
      "    </${2:div}>",
      "  );",
      "}"
    ],
    "description": "Creates a simple React component"
  },
  "Apply StyleX Styles": {
    "prefix": "sp",
    "body": [
      "{...stylex.props(${1:styles}.${2:style})}",
    ],
    "description": "Applies StyleX styles using props"
  },
  "Create a TypeScript Enum": {
    "prefix": "ee",
    "body": [
      "enum Enum${1:Foobar} {",
      "  ${2:Foo},",
      "  ${3:Bar},",
      "}"
    ],
    "description": "Creates a TypeScript enum"
  }
}

[predaytor]

thx a lot! I've never used snippets before. works great!