React

유튜브 Tutorial

요약

• vscode
  • prettier
  • simple react code snippet
    • icc
    • sfc
• event function
  • this가 bind되어 있지 않다.
  • constructor에서 bind

    constructor() { super(); this.handler = this.handler.bind(this); }

  • arrow function 사용

    handler = () => {} ;

  • argument를 전달 하기 위해서는 argument 없는 function으로 감싸야함. 혹은 arrow function을 handler에 inline으로 쓰면 됨

    () => handler(arg) 형태로 쓰면됨

• parameter
  • this.props 로 predefined되어 있음
  • value={ data.myValue } 형태로 쓰면 됨
• styled-components등을 사용하지 않는 이상 컴포넌트의 스타일시트를 별도의 파일에 작성해야 한다.
• TODO
  • route
  • css
  • table
    • rest결과로 table 뿌리기
    • table에 sort key 달려있는 component
  • 기본 library는 있는게 좋다.