Use strict TypeScript, enable TSLint, update all types to work in strict mode.

src/components/fab/index.tsx

@@ -1,4 +1,5 @@
 import { h, Component } from 'preact';
+import { bind } from '../../lib/util';
 import Icon from 'preact-material-components/Icon';
 import 'preact-material-components/Icon/style.css';
 import Fab from 'preact-material-components/Fab';
@@ -6,34 +7,41 @@ import RadialProgress from 'material-radial-progress';
 import * as style from './style.scss';
 
 type Props = {
-	showing: boolean
+  showing: boolean
 };
+
 type State = {
-	loading: boolean
+  loading: boolean
 };
 
 export default class AppFab extends Component<Props, State> {
-	state: State = {
-		loading: false
-	};
+  state: State = {
+    loading: false
+  };
 
-	handleClick = () => {
-		console.log('TODO: Save the file to disk.');
-		this.setState({ loading: true });
-		setTimeout( () => {
-			this.setState({ loading: false });
-		}, 1000);
-	};
+  @bind
+  setLoading(loading: boolean) {
+    this.setState({ loading });
+  }
 
-	render({ showing }, { loading }) {
-		return (
-			<Fab ripple secondary exited={showing===false} class={style.fab} onClick={this.handleClick}>
-				{ loading ? (
-					<RadialProgress primary class={style.progress} />
-				) : (
-					<Icon>file_download</Icon>
-				) }
-			</Fab>
-		);
-	}
-}
+  @bind
+  handleClick() {
+    console.log('TODO: Save the file to disk.');
+    this.setState({ loading: true });
+    setTimeout(() => {
+      this.setState({ loading: false });
+    }, 1000);
+  }
+
+  render({ showing }: Props, { loading }: State) {
+    return (
+      <Fab ripple secondary exited={showing === false} class={style.fab} onClick={this.handleClick}>
+        { loading ? (
+          <RadialProgress primary class={style.progress} />
+        ) : (
+          <Icon>file_download</Icon>
+        ) }
+      </Fab>
+    );
+  }
+}