Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
misterfresh committed Mar 8, 2016
2 parents 9bfe747 + 772b263 commit 5157cfe
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 3 deletions.
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,11 +48,11 @@ Live Demo here : http://misterfresh.github.io/react-easy-transition
* Performance : still using native browser CSS transition under the hood
* Flexible : support for multiple transitions

## Problems this solves
## This module solves the following issues:

* The fade-in effect when component mounts is rather straightforward to do with pure CSS transitions. However, the fade-out effect is impossible to do using only CSS because the component disappears immediately when unmounted.
* The new component appears before the end of the fade-out transition of the previous component, so both are shown at the same time, one on top of the other.

## Example

Go to the examples/basic directory to see an example of integration with react-router and redux
Go to the examples/basic directory to see an example of integration with react-router and redux
6 changes: 5 additions & 1 deletion examples/basic/README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,11 @@
react-easy-transition basic example
===================================

In components/App.js, we wrap props.children in an <EasyTransition> tag. That's it.
In components/App.js, we wrap props.children in an
```jsx
<EasyTransition>
```
tag. That's it.

Demo : http://misterfresh.github.io/react-easy-transition

Expand Down

0 comments on commit 5157cfe

Please sign in to comment.