Mithril VS Code snippets

typescriptreact.json

{
	// Mithril snippets
	// Paste in File > Preferences > Configure User Snippets > typescriptreact.json
	// ref: https://code.visualstudio.com/docs/editor/userdefinedsnippets

	"Mithril component": {
		"prefix": ["mcomp"],
		"body": [
			"import m from \"mithril\"",
			"",
			"interface T${1:MyComponent}Props {}",
			"const $1: m.ClosureComponent<T$1Props> = () => {",
			"",
			"    return {",
			"        view: () => {",
			"            return <>",
			"                $1",
			"            </>",
			"        }",
			"    }",
			"}",
			"",
			"export default $1",
		],
		"description": "A component Mithril"
	}	
}

Nice.

TS documentation suggests preferring interface to type except when you need features specific to type.

I don't see a reason to leave a blank line after the line with the component name.

@nandoflorestan Notes accepted.

The prefix T implies that it is a Type, the most appropriate thing here is to use the prefix I for Interfaces. @

User code doesn't care whether it's an interface or a type, this is an implementation detail due to the evolution of the TypeScript language. It's better to keep a T prefix for everything, then you can switch the implementation between types and interfaces freely, without changing user code.

Ok.