React가 일을 하기 시작했다 - Activity (React 19.2 신기능)
- React 19.2 버전에서 'Activity'와 'useRefEvent' 두 가지 주요 신기능이 추가되었습니다. 🚀
- 기존에는
useState를 이용해 컴포넌트를 조건부 렌더링하거나 언마운트할 때, 컴포넌트가 언마운트되면 해당 페이지의 상태가 모두 사라지는 단점이 있었습니다. 🗑️
- 새로운 'Activity' 컴포넌트는
mode 속성을 통해 컴포넌트의 가시성을 제어합니다. 🎭
- 'Activity'의
mode가 'hidden'으로 설정되면, 컴포넌트는 화면에 보이지 않고 useEffect의 클린업 함수는 실행되지만, 컴포넌트의 상태는 그대로 유지됩니다. ✨
- 이 기능은 화면에서 보였다 안 보였다 하는 컴포넌트의 상태를 유지하고 싶을 때 매우 유용합니다. 🔄
- 과거에는 개발자들이 직접 구현해야 했던 '상태를 유지하면서 컴포넌트를 숨기는' 기능을 React가 이제 공식적으로 지원하게 된 것입니다. 🛠️