Sinclair trulysinclair

🏗️

Shaping my dreams into a digital form

A developer comprised of a patchwork of knowledge of various topics and bound by eager curiosity.

trulysinclair / typescriptreact.json

Last active October 15, 2017 21:36

Create a TypeScript React Component, as well as templates for conditional statements for the `shouldComponentUpdate` function.

	{
	"If True": {
	"prefix": "iftrue",
	"body": ["if (${1:statement} !== ${2:statement}) {", "\treturn true", "}"],
	"description": "Create an `if` `true`, `return` `true` statement for react components"
	},
	"If Not True": {
	"prefix": "ifnottrue",
	/* Here we use lodash.isequal within our component setup. It helps with deep validation. */
	"body": ["if (!${1\|IsEqual(),statement\|}) {", "\treturn${2\| true, \|}", "}"],

trulysinclair / scss.json

Last active August 14, 2017 22:11

Add the our color function for sass files into your vscode User Snippets

	/**
	* Ensure with absolute certainty you've added our `_color.scss` file
	* and imported it.
	*/
	"New Material Design Color": {
	"prefix": "material",
	"body": "color(${1\|red, pink, purple, deep-purple, indigo, blue, light-blue, cyan, teal, green, light-green, lime, yellow, amber, orange, deep-orange, brown, blue-grey, grey, shades\|}, ${2\|base, lighten-5, lighten-4, lighten-3, lighten-2, lighten-1, darken-1, darken-2, darken-3, darken-4, accent-1, accent-2, accent-3, accent-4\|})",
	"description": "Create a new Material Design color via Ebongarde's Sassy color function."
	}

trulysinclair / _color.scss

Created August 14, 2017 20:41

Use any Material Design color with a simple function and maps