1. bind operator

http://wiki.ecmascript.org/doku.php?id=strawman:bind_operator

bind operator 를 통해 this.onSomethingHappened.bind(this) 를 무한으로 반복하는짓을 막을수가있다

주로 constructor 안에

this._event1 = ::this_.event1

this._event2 = ::this_.event2

를 알파베틱 순서로 나열하여

.bind 무한 반복을 막고 이벤트로 사용될 헨들러들을 constructor 속에 정열하여 코딩할떄 한눈에 알아볼수가있따


2. flow types

http://babeljs.io/docs/plugins/transform-flow-strip-types/

주로 규모큰 리엑트나 엥규러 어플들을 보면

각 파일 하단에

Component.Props = [

  something: PropTypes.string

]


이런식으로 eslint 가 타입 체킹을 하도록 더럽게 써놓은경우가 대부분인데

flow types 플러그인을 통해 씨샵처럼 클레스 상단에


class Something {

  prop1: string

}


이런식으로 나열


3. window.undefined 가 오버라이딩 되있을경우 undefined 체크하기


주로 이런경우 코드에 if (typeof something !== 'undefined') 를 갈기는 경우가 많은데


if context 안에서는 if (something) 만 해줘도 undefined 는 if context 안에서 falsiness 확인이 가능하다



3. trailing comma (eslint fix 에 자동화 가능)

만약

var obj = {

  a:1,

  c:3,

  b:2

}

오브젝트가 있는데 property를 알파벳 순서로 다시 나열을 한다던가 프로퍼티들의 순서를 바꿀떄

var obj = {

  a:1,

  c:3,

  b:2,

}


오브젝트가 이렇게 되어있으면 쉽게 코마 걱정을 안하고 정열할수가있다