react-transition-group 's direct dependencies. Data on all dependencies, including transitive ones, is available via CSV download.| Name | Version | Size | License | Type | Vulnerabilities |
|---|---|---|---|---|---|
| @babel/runtime | 7.24.5 | 256.12 kB | MIT | prod | |
| dom-helpers | 5.2.1 | 25.94 kB | MIT | prod | |
| loose-envify | 1.4.0 | 2.78 kB | MIT | prod | |
| prop-types | 15.8.1 | 22.12 kB | MIT | prod | |
| react-dom | 18.3.1 | 4.3 MB | MIT | prod peer | |
| react | 18.3.1 | 310.65 kB | MIT | prod peer |
React-Transition-Group is a JavaScript library specifically designed to manage the states of React components over time. It serves as a set of components that manage mounting and unmounting of components, crafted with animation in mind. It addresses many issues that have come up over time, improving on the original React addons, react-addons-transition-group and react-addons-css-transition-group.
To use React-Transition-Group, you need to install it into your project first. You can do this by running the following command in your command line terminal:
npm install @types/react-transition-group
Then, clone the repository into your local development project:
git@github.com:reactjs/react-transition-group.git
Don't forget to run npm install or yarn, depending on your preference, to install the necessary node_modules. To view the examples of usage, run npm run storybook. This command starts a Storybook instance in your browser where you can see specific usage examples for the library.
Please note that TypeScript definitions are published via DefinitelyTyped, allowing you to keep your coding strongly typed if you are using TypeScript.
Comprehensive documentation for React-Transition-Group is hosted on https://reactcommunity.org/react-transition-group/. Other than the basic usage and API information, the documentation also provides a migration guide from the original v1 version, enabling a smooth transition between versions. Alternatively, you can access the documentation directly on GitHub on the project's main page.
