diff --git a/package-lock.json b/package-lock.json
index e90ca7d..7cf7a6c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -34,6 +34,12 @@
         }
       }
     },
+    "@types/history": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/@types/history/-/history-4.6.2.tgz",
+      "integrity": "sha512-eVAb52MJ4lfPLiO9VvTgv8KaZDEIqCwhv+lXOMLlt4C1YHTShgmMULEg0RrCbnqfYd6QKfHsMp0MiX0vWISpSw==",
+      "dev": true
+    },
     "@types/jest": {
       "version": "22.2.3",
       "resolved": "https://registry.npmjs.org/@types/jest/-/jest-22.2.3.tgz",
@@ -65,6 +71,16 @@
         "@types/react": "16.3.9"
       }
     },
+    "@types/react-router": {
+      "version": "4.0.23",
+      "resolved": "https://registry.npmjs.org/@types/react-router/-/react-router-4.0.23.tgz",
+      "integrity": "sha512-o1yEm2Eimw7kwzJSamvBlAPXmhH14zL+AQOCgviGthMcqFVVmhZCv63PgxMZfq+PcfMIqP1O2Wq7BU94IXyVfQ==",
+      "dev": true,
+      "requires": {
+        "@types/history": "4.6.2",
+        "@types/react": "16.3.9"
+      }
+    },
     "abab": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/abab/-/abab-1.0.4.tgz",
@@ -1415,6 +1431,11 @@
         "hoek": "4.2.1"
       }
     },
+    "bootstrap": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.1.0.tgz",
+      "integrity": "sha512-kCo82nE8qYVfOa/Z3hL98CPgPIEkh6iPdiJrUJMQ9n9r0+6PEET7cmhLlV0XVYmEj5QtKIOaSGMLxy5jSFhKog=="
+    },
     "boxen": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/boxen/-/boxen-1.3.0.tgz",
@@ -4792,6 +4813,18 @@
       "resolved": "https://registry.npmjs.org/he/-/he-1.1.1.tgz",
       "integrity": "sha1-k0EP0hsAlzUVH4howvJx80J+I/0="
     },
+    "history": {
+      "version": "4.7.2",
+      "resolved": "https://registry.npmjs.org/history/-/history-4.7.2.tgz",
+      "integrity": "sha512-1zkBRWW6XweO0NBcjiphtVJVsIQ+SXF29z9DVkceeaSLVMFXHool+fdCZD4spDCfZJCILPILc3bm7Bc+HRi0nA==",
+      "requires": {
+        "invariant": "2.2.4",
+        "loose-envify": "1.3.1",
+        "resolve-pathname": "2.2.0",
+        "value-equal": "0.4.0",
+        "warning": "3.0.0"
+      }
+    },
     "hmac-drbg": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz",
@@ -9238,6 +9271,20 @@
         "prop-types": "15.6.1"
       }
     },
+    "react-router": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-4.2.0.tgz",
+      "integrity": "sha512-DY6pjwRhdARE4TDw7XjxjZsbx9lKmIcyZoZ+SDO7SBJ1KUeWNxT22Kara2AC7u6/c2SYEHlEDLnzBCcNhLE8Vg==",
+      "requires": {
+        "history": "4.7.2",
+        "hoist-non-react-statics": "2.5.0",
+        "invariant": "2.2.4",
+        "loose-envify": "1.3.1",
+        "path-to-regexp": "1.7.0",
+        "prop-types": "15.6.1",
+        "warning": "3.0.0"
+      }
+    },
     "react-scripts-ts": {
       "version": "2.14.0",
       "resolved": "https://registry.npmjs.org/react-scripts-ts/-/react-scripts-ts-2.14.0.tgz",
@@ -9645,6 +9692,11 @@
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
       "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g="
     },
+    "resolve-pathname": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-2.2.0.tgz",
+      "integrity": "sha512-bAFz9ld18RzJfddgrO2e/0S2O81710++chRMUxHjXOYKF6jTAMrUNZrEZ1PvV0zlhfjidm08iRPdTLPno1FuRg=="
+    },
     "resolve-url": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
@@ -10917,11 +10969,6 @@
       "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
       "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c="
     },
-    "typesafe-actions": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/typesafe-actions/-/typesafe-actions-1.1.2.tgz",
-      "integrity": "sha512-4SparTfwBOWjegg89Ls5Ia0L6N8mXu7tb/REA5KYEfRohsLM9Uc8jtAa8bRAhtCg1cQJnvJJMjljI7dfu1JjVg=="
-    },
     "typescript": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-2.8.1.tgz",
@@ -11292,6 +11339,11 @@
         "spdx-expression-parse": "3.0.0"
       }
     },
+    "value-equal": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/value-equal/-/value-equal-0.4.0.tgz",
+      "integrity": "sha512-x+cYdNnaA3CxvMaTX0INdTCN8m8aF2uY9BvEqmxuYp8bL09cs/kWVQPVGcA35fMktdOsP69IgU7wFj/61dJHEw=="
+    },
     "vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -11336,6 +11388,14 @@
         "makeerror": "1.0.11"
       }
     },
+    "warning": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz",
+      "integrity": "sha1-MuU3fLVy3kqwR1O9+IIcAe1gW3w=",
+      "requires": {
+        "loose-envify": "1.3.1"
+      }
+    },
     "watch": {
       "version": "0.18.0",
       "resolved": "https://registry.npmjs.org/watch/-/watch-0.18.0.tgz",
diff --git a/package.json b/package.json
index 6cbc59c..e4b3354 100644
--- a/package.json
+++ b/package.json
@@ -3,25 +3,28 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "bootstrap": "^4.1.0",
     "mathjs": "^4.1.1",
     "react": "^16.3.2",
     "react-dom": "^16.3.1",
     "react-redux": "^5.0.7",
+    "react-router": "^4.2.0",
     "react-scripts-ts": "2.14.0",
-    "redux": "^4.0.0",
-    "typesafe-actions": "^1.1.2"
+    "redux": "^4.0.0"
   },
   "scripts": {
     "start": "react-scripts-ts start",
     "build": "react-scripts-ts build",
     "test": "react-scripts-ts test --env=jsdom",
-    "eject": "react-scripts-ts eject"
+    "eject": "react-scripts-ts eject",
+    "lint": "tslint --exclude **/*.d.ts src/**/*.ts src/**/*.tsx"
   },
   "devDependencies": {
     "@types/jest": "^22.2.3",
     "@types/node": "^9.6.4",
     "@types/react": "^16.3.9",
     "@types/react-dom": "^16.0.5",
+    "@types/react-router": "^4.2.0",
     "typescript": "^2.8.1"
   }
 }
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index a11777c..0000000
Binary files a/public/favicon.ico and /dev/null differ
diff --git a/public/index.html b/public/index.html
index b7263e8..622567e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,7 +9,6 @@
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
diff --git a/public/manifest.json b/public/manifest.json
index ef19ec2..54f39bf 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,12 +1,8 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "Sheets",
+  "name": "Sheets",
   "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    }
+    
   ],
   "start_url": "./index.html",
   "display": "standalone",
diff --git a/src/App.css b/src/App.css
deleted file mode 100644
index c5c6e8a..0000000
--- a/src/App.css
+++ /dev/null
@@ -1,28 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  animation: App-logo-spin infinite 20s linear;
-  height: 80px;
-}
-
-.App-header {
-  background-color: #222;
-  height: 150px;
-  padding: 20px;
-  color: white;
-}
-
-.App-title {
-  font-size: 1.5em;
-}
-
-.App-intro {
-  font-size: large;
-}
-
-@keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
diff --git a/src/App.tsx b/src/App.tsx
index df395db..7fb3a5e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,10 +1,7 @@
 import * as React from 'react';
-import './App.css';
 import * as S from './sheet/sheetModel';
 import './extensions/Act';
 
-const logo = require('./logo.svg');
-
 interface AppState {
   sheets: S.Sheet[];
 }
@@ -14,27 +11,177 @@ interface AppProps {
 }
 
 class App extends React.Component<AppProps, AppState> {
+  render() {
+    return (
+      <div className="main">
+        <nav className="navbar navbar-expand-md navbar-dark bg-dark mb-4">
+          <a className="navbar-brand" href="#">Sheets</a>
+          <button
+            className="navbar-toggler"
+            type="button"
+            data-toggle="collapse"
+            data-target="#navbarCollapse"
+            aria-controls="navbarCollapse"
+            aria-expanded="false"
+            aria-label="Toggle navigation"
+          >
+            <span className="navbar-toggler-icon" />
+          </button>
+          <div className="collapse navbar-collapse" id="navbarCollapse">
+            <ul className="navbar-nav mr-auto">
+              <li className="nav-item active">
+                <a className="nav-link" href="#">Home <span className="sr-only">(current)</span></a>
+              </li>
+              <li className="nav-item">
+                <a className="nav-link" href="#">Link</a>
+              </li>
+              <li className="nav-item">
+                <a className="nav-link disabled" href="#">Disabled</a>
+              </li>
+            </ul>
+            <form className="form-inline mt-2 mt-md-0">
+              <input className="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search" />
+              <button className="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+            </form>
+          </div>
+        </nav>
 
-  state = this.initialState();
-    return {
-      sheets: [
+        <header>
+          <h1>Sheets</h1>
+          <p>character sheet management</p>
+        </header>
 
-        restored,
+        <div className="container-fluid main-column">
+          <div className="row">
+            <div className="col">
+              <h1>table one</h1>
+              <table>
+                <tr>
+                  <td>name</td>
+                  <td>value</td>
+                </tr>
+                <tr>
+                  <td>name</td>
+                  <td>value</td>
+                </tr>
+                <tr>
+                  <td>name</td>
+                  <td>value</td>
+                </tr>
+                <tr>
+                  <td>name</td>
+                  <td>value</td>
+                </tr>
+                <tr>
+                  <td>name</td>
+                  <td>value</td>
+                </tr>
+                <tr>
+                  <td>name</td>
+                  <td>value</td>
+                </tr>
+                <tr>
+                  <td>name</td>
+                  <td>value</td>
+                </tr>
+              </table>
+            </div>
 
-        ,
+            <div className="col">
 
-      ]
-    };
-  }
+              <h1>Resources</h1>
+              <table>
+                <tr>
+                  <td>name</td>
+                  <td>value</td>
+                </tr>
+              </table>
+            </div>
 
-  render() {
-    return (
-      <div className="App">
-        <header className="App-header">
-          <img src={logo} className="App-logo" alt="logo" />
-          <h1 className="App-title">Welcome to React</h1>
-        </header>
-        <Sheet sheet={this.state.sheets[0]} />
+          </div>
+        </div>
+
+        <div className="container-fluid main-column">
+          <div className="row">
+            <div className="col">
+              <div className="col-12 card statistic-panel">
+                <h1>table one</h1>
+                <table>
+                  <tr>
+                    <td>name</td>
+                    <td>value</td>
+                  </tr>
+                  <tr>
+                    <td>name</td>
+                    <td>value</td>
+                  </tr>
+                  <tr>
+                    <td>name</td>
+                    <td>value</td>
+                  </tr>
+                  <tr>
+                    <td>name</td>
+                    <td>value</td>
+                  </tr>
+                  <tr>
+                    <td>name</td>
+                    <td>value</td>
+                  </tr>
+                  <tr>
+                    <td>name</td>
+                    <td>value</td>
+                  </tr>
+                  <tr>
+                    <td>name</td>
+                    <td>value</td>
+                  </tr>
+                </table>
+              </div>
+              <div className="col-12 card statistic-panel">
+                <h1>table two</h1>
+                <table>
+                  <tr>
+                    <td>name</td>
+                    <td>value</td>
+                  </tr>
+                </table>
+              </div>
+            </div>
+            <div className="col-6">
+              <div className="col-12 card statistic-panel">
+                <h1>Resources</h1>
+                <table>
+                  <tr>
+                    <td>name</td>
+                    <td>value</td>
+                  </tr>
+                </table>
+              </div>
+              <div className="col-12 card statistic-panel">
+                <h1>Actions</h1>
+                <table>
+                  <tr>
+                    <td>name</td>
+                    <td>value</td>
+                  </tr>
+                </table>
+              </div>
+              <div className="col-12 card statistic-panel">
+                <h1>Abilities</h1>
+                <table>
+                  <tr>
+                    <td>name</td>
+                    <td>value</td>
+                  </tr>
+                </table>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <footer>
+          <p>Footer Stuff Goes Here™</p>
+        </footer>
       </div>
     );
   }
diff --git a/src/about/AboutPage.tsx b/src/about/AboutPage.tsx
new file mode 100644
index 0000000..56fa0f9
--- /dev/null
+++ b/src/about/AboutPage.tsx
@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+const AboutPage: React.StatelessComponent<{}> = () => {
+    return (
+        <p>about page</p>
+    );
+}
+
+export default AboutPage;
\ No newline at end of file
diff --git a/src/core/Cache.ts b/src/core/Cache.ts
index 8871637..8ee17de 100644
--- a/src/core/Cache.ts
+++ b/src/core/Cache.ts
@@ -1,9 +1,9 @@
 export default class Cache<T> {
-    private internalCache: {[key: string]: T} = {};
+    private internalCache: { [key: string]: T } = {};
 
-    public getFromCache(key: string, valueCreator: (key: string) => T) : T {
+    public getFromCache(key: string, valueCreator: (key: string) => T): T {
         const cachedValue = this.internalCache[key];
-        
+
         if (cachedValue) {
             return cachedValue;
         }
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index b4cc725..0000000
--- a/src/index.css
+++ /dev/null
@@ -1,5 +0,0 @@
-body {
-  margin: 0;
-  padding: 0;
-  font-family: sans-serif;
-}
diff --git a/src/index.tsx b/src/index.tsx
index 1c66245..2c435a6 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -2,7 +2,8 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import App from './App';
 import registerServiceWorker from './registerServiceWorker';
-import './index.css';
+import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
+import './styles.css';
 
 ReactDOM.render(
   <App />,
diff --git a/src/routes.tsx b/src/routes.tsx
new file mode 100644
index 0000000..b6cc5d7
--- /dev/null
+++ b/src/routes.tsx
@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { Route } from 'react-router';
+import App from './App';
+import AboutPage from './about/AboutPage';
+import SheetsPage from './sheet/SheetsPage';
+
+export default (
+    <Route path="/" component={App}>
+        <Route exact path="/" component={SheetsPage} />
+        <Route path="about" component={AboutPage} />
+    </Route>
+);
\ No newline at end of file
diff --git a/src/sheet/SheetApi.ts b/src/sheet/SheetApi.ts
index 99d7a97..394bdb7 100644
--- a/src/sheet/SheetApi.ts
+++ b/src/sheet/SheetApi.ts
@@ -8,17 +8,9 @@ export default interface SheetApi {
 }
 
 export class MockSheetApi implements SheetApi {
+    private timeout = 1500;
 
-    timeout = 1500;
-
-    uuidv4() {
-        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
-            return v.toString(16);
-        });
-    }
-
-    sheets: Model.Sheet[] = [
+    private sheets: Model.Sheet[] = [
         {
             identifier: 'some guid',
             name: 'Roland of Gilead',
@@ -86,7 +78,7 @@ export class MockSheetApi implements SheetApi {
     createSheet(sheet: Model.Sheet): Promise<string> {
         return new Promise<string>((resolve, reject) => {
             setTimeout(() => {
-                var newSheet = Object.assign({}, {identifier: this.uuidv4()}, sheet);
+                var newSheet = Object.assign({}, { identifier: this.uuidv4() }, sheet);
                 this.sheets = [...this.sheets, newSheet];
                 resolve(newSheet.identifier);
             }, this.timeout);
@@ -96,7 +88,7 @@ export class MockSheetApi implements SheetApi {
     updateSheet(sheet: Model.Sheet): Promise<void> {
         return new Promise<void>((resolve, reject) => {
             setTimeout(() => {
-                this.sheets = [...this.sheets.filter(sheet => sheet.identifier !== sheet.identifier), sheet];
+                this.sheets = [...this.sheets.filter(s => s.identifier !== sheet.identifier), sheet];
                 resolve();
             }, this.timeout);
         });
@@ -110,6 +102,13 @@ export class MockSheetApi implements SheetApi {
             }, this.timeout);
         });
     }
-}
-
 
+    private uuidv4() {
+        /* tslint:disable */
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+            var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
+            return v.toString(16);
+        });
+        /* tslint:enable */
+    }
+}
diff --git a/src/sheet/SheetModel.ts b/src/sheet/SheetModel.ts
index 0f4fcda..80df95b 100644
--- a/src/sheet/SheetModel.ts
+++ b/src/sheet/SheetModel.ts
@@ -8,17 +8,17 @@ export function calculateValue(sheet: Sheet, statistic: Statistic): number {
         if (statistic.cachedValue) {
             return statistic.cachedValue;
         }
-    
+
         if (!statistic.name || statistic.name === 'unknown') {
             return 0;
         }
-    
+
         let formulaeTotal = (statistic.modifiers || [])
             .filter(modifier => modifier.formula)
             .map(formula => calculateFormula(sheet, formula.formula!))
             .map(formula => Math.floor(formula))
             .reduce((l, r) => l + r, 0);
-    
+
         return formulaeTotal;
     }) : 0;
 }
@@ -82,7 +82,7 @@ export type Statistic = {
 export type Modifier = {
     formula?: string,
     source?: string
-}
+};
 
 export type Resource = {
     name?: string;
@@ -93,6 +93,6 @@ export type Resource = {
 export type Recharge = {
     name?: string;
     restorationFormulae?: string[];
-}
+};
 
 export default Sheet;
\ No newline at end of file
diff --git a/src/sheet/SheetState.ts b/src/sheet/SheetState.ts
index 2b3a7cc..50872ea 100644
--- a/src/sheet/SheetState.ts
+++ b/src/sheet/SheetState.ts
@@ -2,6 +2,6 @@ import * as Model from '../sheet/sheetModel';
 
 type SheetState = {
     sheets: Model.Sheet[];
-}
+};
 
 export default SheetState;
\ No newline at end of file
diff --git a/src/sheet/SheetsPage.tsx b/src/sheet/SheetsPage.tsx
new file mode 100644
index 0000000..149f957
--- /dev/null
+++ b/src/sheet/SheetsPage.tsx
@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+export default class SheetsPage extends React.Component {
+    render() {
+        return (
+            <p>sheets page</p>
+        );
+    }
+}
\ No newline at end of file
diff --git a/src/sheet/sheetActions.ts b/src/sheet/sheetActions.ts
index 05f02a2..73e5c62 100644
--- a/src/sheet/sheetActions.ts
+++ b/src/sheet/sheetActions.ts
@@ -11,22 +11,22 @@ export const DELETE_SHEET_SUCCESS = 'DELETE' + SHEET_SUCCESS_SUFFIX;
 export type CreateSheetAction = {
     type: string,
     sheet: Model.Sheet
-}
+};
 
 export type UpdateSheetAction = {
     type: string,
     sheet: Model.Sheet
-}
+};
 
 export type DeleteSheetAction = {
     type: string,
     sheetIdentifier: string
-}
+};
 
 export type LoadSheetsAction = {
     type: string,
     sheets: Model.Sheet[]
-}
+};
 
 function createSheetSuccess(sheet: Model.Sheet) {
     return { type: CREATE_SHEET_SUCCESS, sheet };
@@ -53,18 +53,18 @@ export function saveSheet(sheet: Model.Sheet): (dispatch: Dispatch) => Promise<C
                     : dispatch(createSheetSuccess(sheet));
             });
     };
-};
+}
 
 export function deleteSheet(sheetIdentifier: string): (dispatch: Dispatch) => Promise<DeleteSheetAction> {
     return function (dispatch: Dispatch) {
         return Promise.resolve()
             .then(() => dispatch(deleteSheetSuccess(sheetIdentifier)));
     };
-};
+}
 
 export function loadSheets(): (dispatch: Dispatch) => Promise<LoadSheetsAction> {
     return function (dispatch: Dispatch) {
         return Promise.resolve()
             .then(() => dispatch(loadSheetsSuccess([])));
-    }
+    };
 }
\ No newline at end of file
diff --git a/src/sheet/sheetReducer.ts b/src/sheet/sheetReducer.ts
index bbe2f53..e086cac 100644
--- a/src/sheet/sheetReducer.ts
+++ b/src/sheet/sheetReducer.ts
@@ -3,32 +3,38 @@ import SheetState from './SheetState';
 import RootAction from '../core/RootAction';
 import * as Actions from './sheetActions';
 import * as SheetActions from './sheetActions';
-import {statisticValueCache} from './sheetModel';
+import { statisticValueCache } from './sheetModel';
 
-export default function sheetReducer(state = initialState.sheetState, action: RootAction) : SheetState {
+export default function sheetReducer(state: SheetState = initialState.sheetState, action: RootAction): SheetState {
     if (action.type.endsWith(SheetActions.SHEET_SUCCESS_SUFFIX)) {
         statisticValueCache.clear();
     }
 
     switch (action.type) {
         case SheetActions.CREATE_SHEET_SUCCESS:
-            var createAction = <Actions.CreateSheetAction> action;
-            return { sheets: [...state.sheets,
-            Object.assign({}, createAction.sheet)
-            ]};
+            var createAction = <Actions.CreateSheetAction>action;
+            return {
+                sheets: [...state.sheets,
+                Object.assign({}, createAction.sheet)
+                ]
+            };
         case SheetActions.UPDATE_SHEET_SUCCESS:
-            var updateAction = <Actions.UpdateSheetAction> action;
-            return { sheets: [
-                ...state.sheets.filter(sheet => sheet.identifier !== updateAction.sheet.identifier),
-                Object.assign({}, updateAction.sheet)
-            ]};
-            case SheetActions.DELETE_SHEET_SUCCESS:
-            var deleteAction = <Actions.DeleteSheetAction> action;
-            return { sheets: [
-                ...state.sheets.filter(sheet => sheet.identifier !== deleteAction.sheetIdentifier)
-            ]};
+            var updateAction = <Actions.UpdateSheetAction>action;
+            return {
+                sheets: [
+                    ...state.sheets.filter(sheet => sheet.identifier !== updateAction.sheet.identifier),
+                    Object.assign({}, updateAction.sheet)
+                ]
+            };
+        case SheetActions.DELETE_SHEET_SUCCESS:
+            var deleteAction = <Actions.DeleteSheetAction>action;
+            return {
+                sheets: [
+                    ...state.sheets.filter(sheet => sheet.identifier !== deleteAction.sheetIdentifier)
+                ]
+            };
         case SheetActions.LOAD_SHEET_SUCCESS:
-            var loadAction = <Actions.LoadSheetsAction> action;
+            var loadAction = <Actions.LoadSheetsAction>action;
             return { sheets: loadAction.sheets };
         default:
             return state;
diff --git a/src/styles.css b/src/styles.css
new file mode 100644
index 0000000..e69de29
diff --git a/tslint.json b/tslint.json
index eb5d66a..1ddf116 100644
--- a/tslint.json
+++ b/tslint.json
@@ -4,7 +4,6 @@
         "align": [
             true,
             "parameters",
-            "arguments",
             "statements"
         ],
         "ban": false,
@@ -92,8 +91,7 @@
             "check-module",
             "check-operator",
             "check-separator",
-            "check-type",
-            "check-typecast"
+            "check-type"
         ]
     }
 }