atom-metal-snippets v2.0.0

Atom Metal.js Snippets

An Atom snippet library for Metal.js, and metal-css-transitions. This library uses ES6 syntax.

Install via apm install atom-metal-snippets

Includes

Imports

ict

import Transition from 'metal-css-transitions';

ijsx

import Component from 'metal-jsx';

imr

import ${1} from 'metal-redux';

isoy

import Component from 'metal-soy';

JSX

bind

this.${1} = this.${1}.bind(this);

jsx

import Component, {Config} from 'metal-jsx';

class ${1:MyComponent} extends Component {
	render() {
		return (
			${2:<div>MyComponent</div>}
		);
	}
}

${1:MyComponent}.PROPS = {
};

${1:MyComponent}.STATE = {
};

export default ${1:MyComponent};

trans

<Transition name="$1">
		${2}
</Transition>

Life Cycles

att

attached() {
	${1}
}

cre

created() {
	${1}
}

det

detached() {
	${1}
}

dis

disposed() {
	${1}
}

ren

render() {
	return (
		${2}
	);
}

rend

rendered() {
	${1}
}

shup

shouldUpdate(newState, newProps) {
	${1}
}

sync

sync$1(newVal, prevVal) {
	${2}
}

State Management

sst

this.setState({$1});

PRO

${1}.PROPS = {
	${2}
};

STA

${1}.STATE = {
	${2}
};

Types

conan

Config.any()

conarr

Config.conarr()

conarro

Config.arrayOf(${1})

conboo

Config.bool()

confun

Config.func()

conino

Config.instanceOf(${1})

connum

Config.number()

conob

Config.object()

conobo

Config.objectOf(${1})

conoot

Config.oneOfType(
	[
		${1},
	]
)

consha

Config.shapeOf(
	{
		${1}
	}
)

constr

Config.string()

conval

Config.value(${1})