Edit in JSFiddle

var stateNavigator = new Navigation.StateNavigator([
  {key: 'hello', route: ''},
  {key: 'world', trackCrumbTrail: true}
]);

stateNavigator.states.hello.renderScene = function() {
  return (
    <NavigationReact.NavigationLink stateKey="world">
      Hello
    </NavigationReact.NavigationLink>
  );
};

stateNavigator.states.world.renderScene = function() {
  return (
    <NavigationReact.NavigationBackLink distance={1}>
      World
    </NavigationReact.NavigationBackLink>
  );
};

stateNavigator.start();

ReactDOM.render(
  <NavigationReact.NavigationHandler stateNavigator={stateNavigator}>
    <NavigationReactMobile.NavigationMotion
      unmountedStyle={{translate: 100}}
      mountedStyle={{translate: 0}}
      crumbStyle={{translate: -10}}>
      {(style, scene, key) => (
        <div
          key={key}
          style={{transform: `translate(${style.translate}%)`}}>
          {scene}
        </div>
      )}
    </NavigationReactMobile.NavigationMotion>
  </NavigationReact.NavigationHandler>,
  document.getElementById('app')
);
<div id="app"></div>
body {
  overflow: hidden;
}
div {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  background-color: #fff;
  padding: 10px;
  outline: 1px solid #000;
}