리액트 클래스형, 함수형 컴포넌트 비교. 함수형 컴포넌트를 많이 쓰는 이유?

Question

리액트 공부하면서 보니까 클래스형 컴포넌트는 재실행되는 부분이 render() 함수 정도고 함수형 컴포넌트는 전체가 재실행되고 useMemo, useCallback 등을 통해서 cost가 높은 것들을 기억하도록 한다고 하면 함수형 컴포넌트가 신경써야 되는 부분이 많다보니 기본적으로 학습 난이도가 더 높아 보이는데요 (고수 분들에겐 어렵지 않겠지만) 클래스형 컴포넌트는 거의 안쓰고 함수형으로만 써야 하는 이유가 있을까요? 일단 코드가 좀 더 간결해지는 장점은 있는 것 같기는 한데 그 외에 확실한 장점이 있나요? 그냥 다같이 많이 쓰니까 이런 이유 말고요

doooss · Accepted Answer

https://ui.dev/why-react-hooks아티클 하나 소개해드립니다. 클래스형 컴포넌트에서 함수형 컴포넌트로 이전 하던 시기 정말 인기 있던 아티클입니다.

강아지와 고양이 · Answer

클래스형은 리액트 공식문서에서 지원 안 합니다. 과거 코드라고 경고 표시 같은 게 있습니다. 클래스형은 옛날 코드에 쓰였지만 지금은 쓰면 안되는 거죠. 클래스형을 다루는 책이 있다면 시효가 다한 게 맞습니다. 그냥 공식문서 보는 게 좋습니다.

페코옹 · Answer

가장 큰게 코드 재활용 아닐까 하네요.리액트 특징이 컴포넌트 단위로 ui를 쪼갤 수 있는데 클래스형에서는 컴포넌트 안의 로직을 쪼개는게 한계가 있죠.

리액트 클래스형, 함수형 컴포넌트 비교. 함수형 컴포넌트를 많이 쓰는 이유?

3개의 답변

기술 목록