2021.03.25
Read Time: 13 mins
정식문서와 여러 사람들의 의견, 그리고 저의 경험에 대한 설명과 결론을 간단하게 적어보았습니다. class를 모르신다고 해도개발을 하는데는 지장은 없으니, 너무 부담 갖지 않으셔도 됩니다. 😆
리액트에서 class를 썼던 분들은 전체를 다 읽어보시면 됩니다. 안쓰셨던 분들 혹은 hooks 가 처음이신 분들은 클래스와 훅스 비교부분을 제외한 부분을 읽어보시면 됩니다. 훅이 처음이신 분은 일단 react 에서 class를 스킵하시는 것도 초반엔 괜찮습니다.
훅은 클래스를 사용하지 않고, 스테이트와 다른 리액트의 기능들을 쓸수 있게 해주는 기능입니다. 실제 공식 문서에서도 정확히 이야기 하고 있듯, 훅스는 함수입니다. 이 함수는 조금 특별한데, 라이프사이클 기능과 스테이트에 hook into하는 함수 입니다. 훅인투라고 하면 ~가에 연결 되었다 정도로 생각하시면 됩니다. (즉, 스테이트와 라이프 사이클에 연결되었다라고 이해하시면 됩니다.) 그리고 클래스 내부에서는 사용이 불가능합니다. 함수형에서만 사용이 가능하죠.
예전엔 함수안에서 스테이트를 쓰고 싶다면 클래스로 바꿔야 했지만, 이젠 아니죠!
Hooks better than Classes (클래스보단 훅스!) - 지극히 개인적인 생각입니다만!
hooks에서는 더이상 this를 쓰지 않아도 된다는 점
→ 더 이상 설명이 필요가 없죠! 모르시다면 패스!
hooks에서는 method binding을 하지 않아도 된다는 점
→ 클래스에선 함수를 this에 바인딩을 해야만 다른 함수나 컴포넌트에서 사용이 가능했지만, functional하게 만드는 경우엔 그럴 필요가 없죠! (모르시다면 패스!)
hooks에서는 useEffect를 잘 활용하면, logic 을 consistent하게 가져갈 수 있다