mauricioklein · November 21, 2016 17:27
diff --git a/routes.js b/routes.js
 import React from 'react';
 import {Route, Redirect} from 'react-router';
 import {
  App,
  NotFound,
  Panel
 } from 'containers';

 export default () => {
  return (
    <Route path="/" component={App}>
      <Redirect from="/general" to="/panel" />
      <Route path="/panel(/:panelId)" component={Panel} />
      <Route path="*" component={NotFound} status={404} />
    </Route>
  );
 };
diff --git a/server.js b/server.js
 import Express from 'express';
 import React from 'react';
 import ReactDOM from 'react-dom/server';
 import config from './config';
 import favicon from 'serve-favicon';
 import compression from 'compression';
 import path from 'path';
 import createStore from './redux/create';
 import Html from './helpers/Html';
 import PrettyError from 'pretty-error';
 import http from 'http';

 import { match } from 'react-router';
 import { syncHistoryWithStore } from 'react-router-redux';
 import { ReduxAsyncConnect, loadOnServer } from 'redux-async-connect';
 import createHistory from 'react-router/lib/createMemoryHistory';
 import {Provider} from 'react-redux';
 import getRoutes from './routes';

 const pretty = new PrettyError();
 const app = new Express();
 const server = new http.Server(app);

 app.use(compression());
 // app.use(favicon(path.join(__dirname, '..', 'static', 'favicon.ico')));

 app.use(Express.static(path.join(__dirname, '..', 'static')));

 app.use((req, res) => {
  if (__DEVELOPMENT__) {
    // Do not cache webpack stats: the script file would change since
    // hot module replacement is enabled in the development env
    webpackIsomorphicTools.refresh();
  }
  const memoryHistory = createHistory(req.originalUrl);
  const store = createStore(memoryHistory);
  const history = syncHistoryWithStore(memoryHistory, store);

  function hydrateOnClient() {
    res.send('<!doctype html>\n' +
      ReactDOM.renderToString(<Html assets={webpackIsomorphicTools.assets()} store={store}/>));
  }

  if (__DISABLE_SSR__) {
    hydrateOnClient();
    return;
  }

  match({ history, routes: getRoutes(store), location: req.originalUrl }, (error, redirectLocation, renderProps) => {
    if (redirectLocation) {
      res.redirect(redirectLocation.pathname + redirectLocation.search);
    } else if (error) {
      console.error('ROUTER ERROR:', pretty.render(error));
      res.status(500);
      hydrateOnClient();
    } else if (renderProps) {
      loadOnServer({...renderProps, store}).then(() => {
        const component = (
          <Provider store={store} key="provider">
            <ReduxAsyncConnect {...renderProps} />
          </Provider>
        );

        res.status(200);

        global.navigator = {userAgent: req.headers['user-agent']};

        res.send('<!doctype html>\n' +
          ReactDOM.renderToString(<Html assets={webpackIsomorphicTools.assets()} component={component} store={store}/>));
      });
    } else {
      res.status(404).send('Not found');
    }
  });
 });

 if (config.port) {
  server.listen(config.port, (err) => {
    if (err) {
      console.error(err);
    }
    console.info('==> 💻  Open http://%s:%s in a browser to view the app.', config.host, config.port);
  });
 } else {
  console.error('==>     ERROR: No PORT environment variable has been specified');
 }
	import React from 'react';
	import {Route, Redirect} from 'react-router';
	import {
	App,
	NotFound,
	Panel
	} from 'containers';

	export default () => {
	return (
	<Route path="/" component={App}>
	<Redirect from="/general" to="/panel" />
	<Route path="/panel(/:panelId)" component={Panel} />
	<Route path="*" component={NotFound} status={404} />
	</Route>
	);
	};
	import Express from 'express';
	import React from 'react';
	import ReactDOM from 'react-dom/server';
	import config from './config';
	import favicon from 'serve-favicon';
	import compression from 'compression';
	import path from 'path';
	import createStore from './redux/create';
	import Html from './helpers/Html';
	import PrettyError from 'pretty-error';
	import http from 'http';

	import { match } from 'react-router';
	import { syncHistoryWithStore } from 'react-router-redux';
	import { ReduxAsyncConnect, loadOnServer } from 'redux-async-connect';
	import createHistory from 'react-router/lib/createMemoryHistory';
	import {Provider} from 'react-redux';
	import getRoutes from './routes';

	const pretty = new PrettyError();
	const app = new Express();
	const server = new http.Server(app);

	app.use(compression());
	// app.use(favicon(path.join(__dirname, '..', 'static', 'favicon.ico')));

	app.use(Express.static(path.join(__dirname, '..', 'static')));

	app.use((req, res) => {
	if (__DEVELOPMENT__) {
	// Do not cache webpack stats: the script file would change since
	// hot module replacement is enabled in the development env
	webpackIsomorphicTools.refresh();
	}
	const memoryHistory = createHistory(req.originalUrl);
	const store = createStore(memoryHistory);
	const history = syncHistoryWithStore(memoryHistory, store);

	function hydrateOnClient() {
	res.send('<!doctype html>\n' +
	ReactDOM.renderToString(<Html assets={webpackIsomorphicTools.assets()} store={store}/>));
	}

	if (__DISABLE_SSR__) {
	hydrateOnClient();
	return;
	}

	match({ history, routes: getRoutes(store), location: req.originalUrl }, (error, redirectLocation, renderProps) => {
	if (redirectLocation) {
	res.redirect(redirectLocation.pathname + redirectLocation.search);
	} else if (error) {
	console.error('ROUTER ERROR:', pretty.render(error));
	res.status(500);
	hydrateOnClient();
	} else if (renderProps) {
	loadOnServer({...renderProps, store}).then(() => {
	const component = (
	<Provider store={store} key="provider">
	<ReduxAsyncConnect {...renderProps} />
	</Provider>
	);

	res.status(200);

	global.navigator = {userAgent: req.headers['user-agent']};

	res.send('<!doctype html>\n' +
	ReactDOM.renderToString(<Html assets={webpackIsomorphicTools.assets()} component={component} store={store}/>));
	});
	} else {
	res.status(404).send('Not found');
	}
	});
	});

	if (config.port) {
	server.listen(config.port, (err) => {
	if (err) {
	console.error(err);
	}
	console.info('==> 💻 Open http://%s:%s in a browser to view the app.', config.host, config.port);
	});
	} else {
	console.error('==> ERROR: No PORT environment variable has been specified');
	}