NoDe
3k
2019-06-14 14:00:07
5
275

react 질문 입니다 !!


Function Hook 이 새로 나왔다고해서 봤더니 참 많은게 편리하긴 하더라구요.

근데 class 도 꾸준히 업데이트 할거라고 하긴하는데, 섞어서 쓰는게 좋을까요??


기존에 class 로만 해봐서 Functional 한 리액트 코드가 와닿지는 않네요 ㅠㅠ


써보신분 조언좀.


Hook 의 장점

섞어서 쓸때 어떠한가 등등...

0
0
  • 답변 5

  • moonti
    2k
    2019-06-14 14:46:39

    저도 hook은 아직 공부 안했지만요..

    점진적으로이동하면 될거같아요. 1~2년안에 유행하겟죠 ??ㅎㅎ

    1
  • biipp
    125
    2019-06-14 14:54:59

    Class Component가 모든 Component의 기능을 가지고 있다면,

    Functional Component는 Pure한 Component이므로 LifeCycle이나 State를 가질 수 없었습니다.

     모든 컴포넌트가 State나 LifeCycle api들이 다 필요하지는 않기에 Presentation 용도로 쓴거죠.


    Hook이전에는 HOC를 결합하여 해결하곤 했으나 몇가지 단점도 있기도 했기에, Hook이 생기면서 이 필요한 부분의 State나 LifeCycle을 사용할 수 있게된거죠.


    장점은 HOC와 비교하자면 wrapper hell의 해결, elegant한 코드 정도가 될거고,

    Class Component와 비교하자면(Functional Component와의 비교가 되겠지만)

    필요한 API만 사용하여 좀 더 간결하게 쓸수 있다.가 될겁니다.


    아직 Hook가 모든 LifeCycle을 소화하지는 못하기에, Class Component도 써야하긴 할겁니다.

    1
  • 이리나이
    1k
    2019-06-14 14:57:01 작성 2019-06-14 14:58:19 수정됨

    저는 기본적으로 리덕스나 서버와 연결된 비지니스 로직들은 클래스를 쓰고,

    그 외 UI관련된 것 위주로 해서, hooks를 쓰고 있네요.

    다른 사람은 어떻게 쓰는지 잘 모르겠지만, 저는 이런식으로 쓰고 있네요..

    기본적으로 프리젠테이셔널 컨테이너 컴포넌트로 구분해서 작업하고 있고요.

    1
  • NoDe
    3k
    2019-06-14 16:19:45

    moonti 답정너죠 ㅋㅋㅋ 곧 커뮤니티에 정보들이 막 올라올듯 합니다.


    biipp Class Component 에서 구지 사용하지않는 환경을 Functional Hook 을 통해서 더 가볍고 간결하게 작업할 수 있다는 정보에 대해 아주 많은 감사를 드립니다. 그냥 나왔으니까 써봐야지 보단 왜 이용해야하고 뭐가 좋은건지 궁금했는데 어느정도 해결된 부분이 되었습니다. 감사합니다.


    이리나이  로직공유 감사합니다. UI  부분은 항상 Functional 하게 짜서 props 의 이동이 잦았는데 어느정도 해결된거같네요


    0
  • 북조선개발자
    45
    2019-06-14 17:27:18

    hook 사용을 추천합니다 class 의 모든 기능을 완성할수 잇습니다

    1
  • 로그인을 하시면 답변을 등록할 수 있습니다.