10.2K ·GitHub
What is this?
react-transition-group is a set of React components for managing component states, including mounting and unmounting, over time, specifically designed with animation in mind.
react-transition-group is a set of React components for managing component states, including mounting and unmounting, over time, specifically designed with animation in mind.Is it a framework or a small library?It is a lightweight library of React components (Transition, CSSTransition, TransitionGroup, SwitchTransition) that you compose into your own React app, not a standalone framework.
It is a lightweight library of React components (Transition, CSSTransition, TransitionGroup, SwitchTransition) that you compose into your own React app, not a standalone framework.How do I add it to a project?Install it via npm/yarn as a dependency and import the components you need (Transition, CSSTransition, etc.) into your React code; TypeScript types are available separately via DefinitelyTyped.
Install it via npm/yarn as a dependency and import the components you need (Transition, CSSTransition, etc.) into your React code; TypeScript types are available separately via DefinitelyTyped.What does it require besides React?It depends on dom-helpers, prop-types, loose-envify and @babel/runtime under the hood, and is meant to be used inside a React project.
It depends on dom-helpers, prop-types, loose-envify and @babel/runtime under the hood, and is meant to be used inside a React project.Is v2+ a drop-in replacement for the old React addon?No. The v2+ API is not backwards compatible with the original react-addons-transition-group/react-addons-css-transition-group; for a drop-in replacement you need to use the v1 release, which is no longer being updated.
No. The v2+ API is not backwards compatible with the original react-addons-transition-group/react-addons-css-transition-group; for a drop-in replacement you need to use the v1 release, which is no longer being updated.How can I try out the examples?Clone the repo, run npm install (or yarn), then npm run storybook to launch a local Storybook instance with live examples in your browser.
Clone the repo, run npm install (or yarn), then npm run storybook to launch a local Storybook instance with live examples in your browser.If I used the old react-addons-transition-group, should I upgrade?You can keep using v1-stable since it mirrors the old addon API, but react-transition-group is no longer updating that branch, so new projects should migrate to v2+ using the provided migration guide.
You can keep using v1-stable since it mirrors the old addon API, but react-transition-group is no longer updating that branch, so new projects should migrate to v2+ using the provided migration guide.What am I actually importing from this package?Components like Transition, CSSTransition, TransitionGroup and SwitchTransition that let you animate React elements as they mount, update, and unmount.
Components like Transition, CSSTransition, TransitionGroup and SwitchTransition that let you animate React elements as they mount, update, and unmount.What are similar projects?rare-ui, chakra-ui, reactstrap, react-slick, shaders, Libraries.dev, react-bootstrap, react-grid-layout
rare-ui, chakra-ui, reactstrap, react-slick, shaders, Libraries.dev, react-bootstrap, react-grid-layoutWhich topics is it in?react-components, reactjs, component-library, javascript-library, ui-components, animation, css, react, npm, frontend, library, javascript
react-components, reactjs, component-library, javascript-library, ui-components, animation, css, react, npm, frontend, library, javascript