- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions
- https://facebook.github.io/react/docs/animation.html
- https://medium.com/@cheapsteak/animations-with-reacttransitiongroup-4972ad7da286#.ckg4ne3t7
-
CSS animation can be applied directly to component that never enter or leave the dom. For example, a preploaded layer which is hidden to the left.
-
CSS animation can be used directly on component using inline style.
-
Use the pattern for single component
<ReactTransitionGroup component={FirstChild}>
{someCondition ? <MyComponent /> : null}
</ReactTransitionGroup>