react-transition-group

Frameworks & Libraries

A react component toolset for managing animations

Latest v4.4.5 · by reactjsWritten in JavaScriptWebsitereactjs/react-transition-groupRSS

Changelog

v4.4.5

Latest
Fixed 1
  • apply entering animation synchronously when unmountOnExit or mountOnEnter is enabled

From react-transition-group

4.4.5 (2022-08-01)
Bug Fixes
  • apply entering animation synchronously when unmountOnExit or mountOnEnter is enabled (#847) (1043549)
View originalPermalink
How v4.4.5 went

v4.4.4

Fixed 1
  • missing build files

From react-transition-group

4.4.4 (2022-07-30)
Bug Fixes
View originalPermalink
How v4.4.4 went

v4.4.3

Fixed 1
  • Enter animations with mountOnEnter or unmountOnExit

From react-transition-group

4.4.3 (2022-07-30)
Bug Fixes
  • enter animations with mountOnEnter or unmountOnExit (#749) (51bdceb)
View originalPermalink
How v4.4.3 went

v4.4.2

Fixed 1
  • nodeRef prop type for cross-realm elements

From react-transition-group

4.4.2 (2021-05-29)
Bug Fixes
  • nodeRef prop type for cross-realm elements (#732) (8710c01)
View originalPermalink
How v4.4.2 went

v4.4.1

Fixed 1
  • Fix transition SSR

From react-transition-group

4.4.1 (2020-05-06)
Bug Fixes
View originalPermalink
How v4.4.1 went

v4.4.0

Added 1
  • Add `nodeRef` prop to `Transition` and `CSSTransition` as an alternative to internal `findDOMNode`
Fixed 1
  • Set the values of constants attached to `Transition` to match the exported ones

From react-transition-group

4.4.0 (2020-05-05)

Features
  • add nodeRef alternative instead of internal findDOMNode (#559) (85016bf)

    • react-transition-group internally uses findDOMNode, which is deprecated and produces warnings in Strict Mode, so now you can optionally pass nodeRef to Transition and CSSTransition, it's a ref object that should point to the transitioning child:

      import React from "react"
import { CSSTransition } from "react-transition-group"

const MyComponent = () => {
  const nodeRef = React.useRef(null)
  return (
    <CSSTransition nodeRef={nodeRef} in timeout={200} classNames="fade">
      <div ref={nodeRef}>Fade</div>
    </CSSTransition>
  )
}
Bug Fixes
  • set the values of constants attached to Transition to match the exported ones (#554)
View originalPermalink
How v4.4.0 went

v4.3.0

Changed 1
  • upgrade dom-helpers

From react-transition-group

4.3.0 (2019-09-05)

Features
View originalPermalink
How v4.3.0 went

v4.2.2

Fixed 1
  • Fix imports to play nicely with rollup

From react-transition-group

4.2.2 (2019-08-02)
Bug Fixes
  • Fix imports to play nicely with rollup (#530) (3d9003e)
View originalPermalink
How v4.2.2 went

v4.2.1

Fixed 1
  • Updated SwitchTransition component to be default export and exported from index.js

From react-transition-group

4.2.1 (2019-07-02)
Bug Fixes
  • updated SwitchTransition component to be default export and exported from index.js (#516) (cfd0070)
View originalPermalink
How v4.2.1 went

v4.2.0

Added 1
  • Add SwitchTransition component

From react-transition-group

4.2.0 (2019-06-28)

Features
View originalPermalink
How v4.2.0 went

More in Frameworks & Libraries

View all
React

The library for web and native user interfaces.

Meta
Vue

The progressive JavaScript framework for building user interfaces.

Vue.js
Vue 2

The Vue 2 line, in long-term maintenance since its end of life in December 2023.

Vue.js
bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

twbs
react-native

react-native release notes.

Meta
D3

Bring data to life with SVG, Canvas and HTML.

Observable

Discussion

If you publish react-transition-group, you can claim this product by proving you administer its repository.