아하
검색 이미지
생활꿀팁 이미지
생활꿀팁생활
생활꿀팁 이미지
생활꿀팁생활
탈퇴한 사용자
탈퇴한 사용자20.12.04

react 함수형 컴포넌트 실무에서 많이 사용하나요?

react에 class 컴포넌트와 함수형 컴포넌트가 있던데 요즘 react 프로젝트는 다 함수형 컴포넌트를 많이 사용하나요??? 제가 알기로는 함수형 컴포넌트는 주로 하면에 뿌려주는 용도로 사용할때 많이 사용하는걸로 알고있는데.. 궁금하네요.
그리고 class 컴포넌트는 라이프 사이클 사용할 수 있지만 함수형 컴포넌트는 사용할 수 없다는데 라이프 사이클이 단점이 많아져서 함수형컴포넌트에서는 없어 진 건가요?? react 초보임...

55글자 더 채워주세요.
답변의 개수
2개의 답변이 있어요!
  • 신중한호랑이108
    신중한호랑이10820.12.05

    안녕하세요? react 만 사용하는 웹 개발자입니다.

    작년에 react 에 hook 이 소개되고는 class 컴포넌트는 사용할 필요가 없어졌습니다.

    기존의 class 컴포넌트에 존재하던 life cycle 메소드들이 useEffect 이나 useMemo 등과 같은 훅으로 대체가 가능해졌습니다.

    또한 대부분의 메이저 react 라이브러리가 훅을 제공하는 방향으로 가니 class 컴포넌트를 거의 사용하지 못하는 경우도 있습니다.

    저 또한 react 에 hook 이 소개되면서부터 class 컴포넌트를 사용하는 경우는 없고, 100% 함수형 컴포넌트의 사용으로 개발 스타일이 바뀌었습니다.

    그리고 훅 이전에 react 에서 매우 유용하게 사용되던 recompose 라는 라이브러리가 있엇는데 (https://github.com/acdlite/recompose) 훅의 소개로 기존 react 에서 존재하던 모든 문제들이 해결되었다고 할 정도입니다.

    저도 처음에는 제가 주로 사용하던 life cycle 메소드가 훅으로 대체되면 적응의 시간이 필요했지만, 지금은 예전보다 훨씬 좋은 방향으로 개발하고 있다고 생각합니다.

    그럼 react 열심히 배우세요~~

    팁) 최근에 프로젝트 하나 하면서 ionic 이라는 것을 적용했는데, react 에서 바로 native android + ios 로 빌드가 가능하더라구요. 물론 어느정도의 한계는 있을것이라고 추측은 되지만 일단 코드하나 안바꾸고 바로 native 에서 실행이 된다는 점이 매우 신기했습니다. 결론은.. react이 짱..!!!


  • 이전 프로젝트에서 React에서 함수형 컴포넌트와 Hook을 사용해서 진행을 하였습니다.

    최근에 만들어지는 React 프로젝트는 대부분 함수형에 Hook을 사용해서 만들어지는 것으로 알고 있습니다.

    함수형 컴포넌트도 Hook이라는 것을 사용하면 라이프 사이클을 이용할 수 있는 것으로 알고 있습니다.