How to use rc-animate - 2 common examples
To help you get started, we’ve selected a few rc-animate examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
arqex / react-tiles / src / components / FloatingWrapper.js View on Github 
var React = require('react'),
Tile = require('./Tile'),
assign = require('object-assign'),
Animate = require('rc-animate').default,
utils = require('../utils/TileUtils')
;
class FloatingWrapper extends React.Component {
constructor(props){
super(props);
var dimensions = {},
i = 0
;
Object.keys(props.tiles).forEach( tileId => {
dimensions[ tileId ] = this.getInitialTileDimensions(i++);
});
this.state = {
dimensions: dimensions,var React = require('react'),
ReactDOM = require('react-dom'),
Tile = require('./Tile'),
Animate = require('rc-animate').default,
utils = require('../utils/TileUtils')
;
var sizeTypes = {
column: 'clientHeight',
row: 'clientWidth'
}
class TileWrapper extends React.Component {
constructor(props){
super(props);
this.state = {
sizes: this.getInitialSizes( props.layout.children.length ),
updatingSizes: false,
resizing: false,rc-animate
css-transition ui component for react
