[React] React Component간 transition을 위한 React-Transition-Group

작성일 | In

공식문서 바로가기

React-Transition-Group에는 크게 4가지 컴포넌트가 정의되어있다.

  1. Transition: component간의 transition을 정의하기 위한 component
  2. CSSTransition: CSS간의 transition을 정의하기 위한 component (만약 본인의 CSS에서 transition을 정의하고 있다면 CSSTransition을 사용하라고 한다)
  3. SwitchTransition: State간의 transition을 정의하기 위한 comopnent
  4. TransitionGroup: 위의 3가지 transition 중 여러 transition component를 배열로 한번에 관리할 때 사용한다.

Reference:
https://medium.com/lalilo/dynamic-transitions-with-react-router-and-react-transition-group-69ab795815c9