use existing aliases in the requires

frontend/src/containers/app.js

@@ -2,9 +2,11 @@ const React = require('react');
 const ReactRedux = require('react-redux');
 const ReactRouter = require('react-router');
 
-const actions = require('../state/actions');
+const actions = require('@state/actions');
-const Home = require('./home/');
+const Home = require('@containers/home');
-const NotFound = require('./not-found/');
+const NotFound = require('@containers/not-found');
+const Header = require('@components/header');
+
 
 const {
   updateRouter

frontend/src/root.js

@@ -4,8 +4,8 @@ const ReactHotLoader = require('react-hot-loader');
 const ReactRedux = require('react-redux');
 const ReactRouter = require('react-router');
 
-const App = require('./containers/app');
+const App = require('@containers/app');
-const store = require('./state/store');
+const store = require('@state/store');
 
 const {
   IntlProvider

frontend/src/state/actions.js

@@ -8,6 +8,6 @@ const {
 const APP = constantCase(process.env['APP_NAME']);
 
 module.exports = {
-  ...require('./thunks'),
+  ...require('@state/thunks'),
   updateRouter: createAction(`${APP}/APP/UPDATE_ROUTER`)
 };

frontend/src/state/reducers/app.js

@@ -1,5 +1,6 @@
 const ReduxActions = require('redux-actions');
-const actions = require('../actions');
+
+const actions = require('@state/actions');
 
 const {
   handleActions

frontend/src/state/reducers/index.js

@@ -6,7 +6,7 @@ const {
 
 module.exports = () => {
   return combineReducers({
-    app: require('./app.js'),
+    app: require('@state/reducers/app'),
-    intl: require('./intl.js')
+    intl: require('@state/reducers/intl')
   });
 };

frontend/src/state/reducers/intl.js

@@ -4,4 +4,6 @@ const {
   handleActions
 } = ReduxActions;
 
-module.exports = handleActions({}, require('../../intl'));
+module.exports = handleActions({
+  'x': (state) => state // somehow handleActions needs at least one reducer
+}, require('@root/intl'));

frontend/src/state/store.js

@@ -1,10 +1,11 @@
 const createLogger = require('redux-logger');
-const createReducer = require('./reducers');
 const enableBatching = require('redux-batched-actions').enableBatching;
 const promiseMiddleware = require('redux-promise-middleware').default;
 const redux = require('redux');
 const thunk = require('redux-thunk').default;
 
+const createReducer = require('@state/reducers');
+
 const {
   createStore,
   compose,

frontend/src/state/thunks/index.js

@@ -1,3 +1,3 @@
 module.exports = {
-  ...require('./app')
+  ...require('@state/thunks/app')
 };

ui/src/components/icon/index.js

@@ -8,7 +8,6 @@ const Icon = ({
   iconSet = 'fa',
   style
 }) => {
-
   const Component = require(`react-icons/lib/${iconSet}/${name}`);
 
   const cn = classNames(