typescriptreact.json

{
	"Starter React Typescript file": {
		"body": [
			"interface ItemProps {",
			"/** Prop description. */",
			"propName?: string;",
			"}",
			"$2",
			"/** JSDoc description for the item. [Documentation]() */",
			"export default function Item({",
			"propName,",
			"}: ItemProps) {",
			"return (",
			"<div>{propName}",
			"Item",
			"</div>",
			");",
			"}",
			"$2",
			"Item.displayName = 'Item';",
			"$2"
		],
		"description": "Create a new React file",
		"prefix": "starter"
	},
	"Starter React Typescript story file": {
		"body": [
			"import type { Meta, StoryObj } from '@storybook/react';",
			"$2",
			"import Item from './Item';",
			"$2",
			"const meta = {",
			"component: Item,",
			"title: 'Components/Item',",
			"} satisfies Meta<typeof Item>;",
			"$2",
			"export default meta;",
			"type Story = StoryObj<typeof meta>;",
			"$2",
			"export const Primary: Story = {",
			"args: {",
			"propName: 'string'",
			"},",
			"};"
		],
		"description": "Create a new storybook file",
		"prefix": "story"
	},
	"React map": {
		"body": [
			"{keys && keys.map((props, index) => <Key {...props} key={index} />)}"
		],
		"description": "Creates a React map",
		"prefix": "map"
	},
	"Create react element": {
		"body": [
			"{React.createElement(",
			"element,",
			"classNames,",
			"<>",
			"</>",
			")",
			"}"
		],
		"description": "Sets up the create React element",
		"prefix": "create react element"
	}
}