⌨

TypeScript

Best Practice

strict 모드를 true 로 해라

tsc 대신에 babel 을 사용한다

ESLint 를 사용해라. tslint 는 deprecated 되었다

Do's and Don'ts

primitive 타입을 사용해라

return type 으로 any를 사용하지 않는다

참조

Best Practice

strict 모드를 true 로 해라

default 로 TypeScript 는 strice mode 를 사용하지 않는다. 아직 프로젝트가 완전히 TypeScript 화 되지 않았을 때는 strict mode false 가 유용할 수 있다. (ex - JacaScript 파일의 일부만 TypeScript 로 변경). 하지만 이것은 자바스크립트에서 많은 버그들이 TypeScript 에서 걸리진 않는다.

stirict mode 를 true 로 하지 않으면 TypeScript 는 모든 매개 변수 및 변수에 대해서 null, undefined 를 지정할 수 있도록 할 수 있게 한다.(any) 코드의 가독성 및 개발의 생산성 향상 측면에서 TypeScript 의 장점을 제대로 누리기 위해서 strict 를 true 로 하는 것이 좋다.

tsc 대신에 babel 을 사용한다

바벨 7 버젼 이후로 TypeScript 가 지원된다. tsc 를 통해서가 아니라도 JavaScript 파일로 변환시킬 수 있다.

babel 은 tsc 보다 빠를 뿐만 아니라, 바벨 생태계의 다른 시스템들도 사용할 수 있다.

ESLint 를 사용해라. tslint 는 deprecated 되었다

Do's and Don'ts

primitive 타입을 사용해라

Number, String, Boolean 등은 primitive 한 타입을 표현하지 않는다. Object 또한 TypeScript 에서 object 가 추가되었으니 object 를 사용하자

/* WRONG */
function reverse(s: String): String;

/* OK */
function reverse(s: string): string;
JavaScript
복사

return type 으로 any를 사용하지 않는다

/* WRONG */
function fn(x: () => any) {
    x();
}

/* OK */
function fn(x: () => void) {
    x();
}

function fn(x: () => void) {
    var k = x(); // oops! meant to do something else
    k.doSomething(); // error, but would be OK if the return type had been 'any'
}
JavaScript
복사

void 를 사용하는게 예상치 못한 값을 return 하는 것보다 안전하기 때문이다.

참조

https://medium.com/better-programming/8-best-practices-for-future-proofing-your-typescript-code-2600fb7d8063

https://www.typescriptlang.org/docs/handbook/declaration-files/do-s-and-don-ts.html