react-motion-react-react-native-overview.js

// ReactJS:
<Motion style={{x: spring(this.state.open ? 400 : 0)}}>
  {({x}) =>
    <div style={styles.container}>
      <div
        style={
          {
            ...styles.movingCube,
            WebkitTransform: `translate3d(${x}px, 0, 0)`,
            transform: `translate3d(${x}px, 0, 0)`
          }
        }
      />
    </div>
  }
</Motion>


// React Native:
<Motion style={{x: spring(this.state.open ? 270 : 0)}}>
    {({x}) =>
      <View style={styles.movingCubeContainer}>
        <View
          style={[
            styles.movingCube,
            {
              transform: [{translateX: x}]
            }
            ]
          }
        />
      </View>
    }
  </Motion>