Skip to content

Instantly share code, notes, and snippets.

View jamesism's full-sized avatar

James Simpson jamesism

  • Shopify
  • Toronto, Ontario
View GitHub Profile
@jamesism
jamesism / App.css
Created December 28, 2016 17:26
RR v4 Slide Transition Example
.wrap {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}
.page {
background: #f0f0f0;
height: 100%;
import React, { Component } from 'react';
import BrowserRouter from 'react-router/BrowserRouter'
import { TransitionMotion, spring } from 'react-motion'
import Match from 'react-router/Match'
import Link from 'react-router/Link';
const MatchWithFade = ({ component:Component, ...rest }) => {
const willLeave = () => ({ zIndex: 1, opacity: spring(0) })