TS로 리액트 다룰 때는?

1. onClick 같은 이벤트를 인라인으로 작성하지 않고 별도로 분리하여 작성할 때, 매개변수에 들어가는 event객체에 타입을 붙여줘야 됨. (타입추론을 위해)]
2. useRef 쓸 때, 초깃값 null로 집어넣고 나중에 사용하게 되면 에러 뜸. element!.call()처럼 !를 붙여주거나(null이 아니라고 보장하는 경우), if문으로 null이
   아닐때면 실행하게끔 코드를 작성해주면 이 에러는 사라짐
3. useCallback 쓸 때 타입추론을 위해 useCallback을 넣어줄 수 있음. 아니면 1번과 같은 방식으로 가능.
4. useState에서 빈 배열 사용하는 경우, never[]로 타이핑됨. 그래서 직접 타입을 만들어줘야됨.
5. functional component에 타입붙이는건 Component: FC<{ prop: proptype}>으로 해도 됨.
6. propType은 인터페이스, 타입 중 택1, 일관성을 지키자.
7. { a: 1, b: 2 } 라고 하는 값이 상수라 변하지 않는 객체를 갖고 있다면 as const를 붙여서 상수화를 시켜주자.
8. { a: 1, b: 2 } 객체에 타입을 따로 빼고 싶다면 type a = typeof object;
   키만 갖고 오고싶다면 type a = keyof typeof object;
   값만 갖고 오고싶다면 type a = typeof object[keyof typeof object];

가끔씩 업데이트중
2021/01/03 ~ ing