class 스타일 vs function 스타일(종합)

■각 스타일 장단점

- class 스타일

- 장점 : react 기능 풀파워로 사용 가능

- 단점 : class 문법을 따로 익혀야 하고 코드가 장황함(life cycle api 등)

- function 스타일

- 장점 : 함수 문법만 알면사용 가능

- 단점 : 몇몇 기능 지원 불가(state,life cycle api 등) -> 제한적으로만 사용되었음

- 그러나 hook이 등장하면서 지원되지 않았던 기능들을 사용할 수 있게 됨

- 참고로 리액트 공식 단체?는 function 스타일을 더 선호한다고 한다.

■props, state

- class 스타일 vs function 스타일(props,state)

■life cycle api

- class 스타일 vs function 스타일(life cycle api)

■기타 꿀팁

- var style = 'color:blue'; console.log('%ctest log',style); -> 로그에 색깔 설정 가능!

■출처 : 생활코딩 - react <class vs function>