- React 공식문서에서 설명하는 legacy API들은 React의 초기 버전에서 사용되었던 클래스 기반 컴포넌트 관련 내용입니다. ⏳
- 클래스 컴포넌트는
this
,props
,state
,constructor
, lifecycle methods 등을 사용하며 React에서 최초로 자주 사용되었던 방식이었습니다. 🧬 - 하지만 클래스 컴포넌트는 복잡하고 유지보수가 어려울 수 있습니다. 그래서 스윏는 함수형 컴포넌트와 Hooks를 사용하는 것이 권장됩니다. 🙅♀️
- 함수형 컴포넌트는
simpler하고 더욱 흔이 사용되며, Hooks를 사용하면 state, life cycle methods 등을 훨씬 쉽게 사용할 수 있습니다. 🪄
- 사용하고 있는 React 코드가 클래스 컴포넌트에 기반하는 경우, React 공식문서에서 제공하는 내용을 참고하여 함수형 컴포넌트로 이전할 수 있습니다. 🔀