Hook for re-layout about react-slick

[jdsharp]

I hacked this by using the className setting and putting in an arbitrary class (such as 'foobar-1', if neeeded you can have it increment/change foobar-1 to foobar-2, etc.)

[grrowl]

I hacked this with a static height and setting size of the slides by using viewport-width units:

.slick-slider {
    @include reset(ul);

    /* almost fill the viewport */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 80px;
    white-space: nowrap; /* inline elements will go on forever */
    overflow: hidden;
}
.slick-slide {
      position: relative; /* position things inside */
      display: inline-block; /* act as an inline element */
      height: 100%; /* take up whole height of slider parent */
      width: 100vw !important; /* be as wide as the viewport */
}

You can also lean on the onChange callback to recalc position if you need (and set via className or setState)

[akiran]

You can re-mount the component by changing key on the slider