bisubus

import Vue from 'vue';
import VueRouter from 'vue-router';
import applyOnRouterAbortShim from './on-router-abort-shim';

Vue.use(VueRouter);

const router = new VueRouter(...);

applyOnRouterAbortShim(router);

bisubus

import React from 'react';
import { render } from 'react-dom';
import { Provider } from 'react-redux';
import { Router, browserHistory, useRouterHistory } from 'react-router';
import { syncHistoryWithStore } from 'react-router-redux';

import { configureStore } from './app/SpreeReactStore';
import routes from './app/routes';

let state = window.__initialState__ || undefined;

bisubus

// Helper function: Loop through all components in the renderProps object // and returns a new object with the desired key
let getPropsFromRoute = (renderProps, componentProps) => {
    let props = {};
    let lastRoute = renderProps.routes[-1];
    renderProps.routes.reduceRight((prevRoute, currRoute) => {
        componentProps.forEach(componentProp => {
            if (!props[componentProp] && currRoute.component[componentProp]) {
                props[componentProp] = currRoute.component[componentProp];
            }
        });

bisubus

import React from "react";
import PropTypes from "prop-types";
import { createPortal } from "react-dom";

class Portal extends React.Component {
  static propTypes = {
    children: PropTypes.node,
  };

  state = { mounted: false };

bisubus

import React from "react";
import ReactDOM from "react-dom";
import { AppContainer } from "react-hot-loader";

import App from "./App";

const render = (hydrate = false) => {
  const container = document.querySelector("#app");
  const element = (
    <AppContainer>