reason-transition-group

This is Bucklescript bindings for react-transition-group.

versions @2.x.x are written for jsx3
versions @1.x.x are written for jsx2

Install, npm

``
yarn add reason-transition-group
`

Setup

Add reason-transition-group to bs-depenencies in your bsconfig.json!

`js
{
/ ... /
"bs-dependencies": [
"reason-transition-group"
],
/ ... /
}
`

Usage

Folow official docs of React Transition Group.

jsx2

`reason
open ReasonTransitionGroup

/ ... /
int(500)>
...{state =>

/ ... /
obj(CSSTransition.timeoutFull(~enter: 500, ~exit:0, ())) classNames=string(myClassName)>
...{state =>

/ ... /
obj(CSSTransition.timeoutFull(~enter: int, ~exit:int, ())) classNames=obj(CSSTransition.classFull(~appear: str, ~exit: str, ()))>
...{state =>

``

jsx3

`reason
open ReasonTransitionGroup

/ ... /
int(500)>
{state =>

/ ... /
obj(CSSTransition.timeoutFull(~enter: 500, ~exit:0, ())) classNames=string(myClassName)>
{state =>

/ ... /
obj(CSSTransition.timeoutFull(~enter: int, ~exit:int, ())) classNames=obj(CSSTransition.classFull(~appear: str, ~exit: str, ()))>
{state =>

```

Also check react-transition-group examples translated to reason-react here for jsx2, here for jsx3

Feel free to post issues.