DBILITY

react css transition 본문

front-end & ui/react

react css transition

DBILITY 2021. 12. 31. 10:24
반응형

css에 능통하지 않더라도 react-transition-group이라는 컴포넌트가 있다. 세상 참 좋다.

PS C:\Dev64\workspace\react001> npm install react-transition-group@^4.4.2

PS C:\Dev64\workspace\react001> npm list
react001@0.1.0 C:\Dev64\workspace\react001
+-- @testing-library/jest-dom@5.16.1
+-- @testing-library/react@12.1.2
+-- @testing-library/user-event@13.5.0
+-- axios@0.24.0
+-- bootstrap@4.6.1
+-- react-bootstrap@1.6.4
+-- react-dom@17.0.2
+-- react-router-dom@6.2.1
+-- react-scripts@5.0.0
+-- react-transition-group@4.4.2
+-- react@17.0.2
`-- web-vitals@2.1.2

https://reactcommunity.org/react-transition-group/

 

React Transition Group

Exposes simple components useful for defining entering and exiting transitions. React Transition Group is not an animation library like React-Motion, it does not animate styles by itself. Instead it exposes transition stages, manages classes and group elem

reactcommunity.org

sample대로 해보면 된다.

반응형

'front-end & ui > react' 카테고리의 다른 글

react Context  (0) 2022.01.06
react spinners for loading layer  (0) 2022.01.05
react bootstrap  (0) 2021.12.30
react intellij PWA project generation  (0) 2021.12.14
react Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>.  (0) 2021.12.11
공유하기 링크
'front-end & ui/react' Related Articles more
Comments