diff --git a/src/index.tsx b/src/index.tsx
index fb148df..ce9e3ec 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -3,26 +3,42 @@
  */
 
 import * as React from "react";
+import { bindActionCreators } from "redux";
 import { Provider } from "react-redux";
+
+import ASTOutline from "./components/ASTOutline";
+import {
+  CodeOutputForInitial,
+  CodeOutputForCurrent
+} from "./components/CodeOutput";
+
 import configureStore from "./store";
 import { initSourceFile, updateSourceFile } from "./store/sourceFiles/actions";
 
-import styles from "./styles.css";
-
-export type Props = { text: string };
+// import styles from "./styles.css";
 
 const store = configureStore();
 
-export class ExampleComponent extends React.Component<Props> {
-  render() {
-    const { text } = this.props;
-
-    return (
-      <Provider store={store}>
-        <div className={styles.test}>Example Component: {text}</div>
-      </Provider>
-    );
-  }
+export function ASTVisualizer() {
+  return (
+    <Provider store={store}>
+      Initial:
+      <br />
+      <CodeOutputForInitial />
+      Current:
+      <br />
+      <CodeOutputForCurrent />
+      <ASTOutline />
+    </Provider>
+  );
 }
 
-export { initSourceFile, updateSourceFile };
+const {
+  initSourceFile: initSourceFileConnected,
+  updateSourceFile: updateSourceFileConnected
+} = bindActionCreators({ initSourceFile, updateSourceFile }, store.dispatch);
+
+export {
+  initSourceFileConnected as initSourceFile,
+  updateSourceFileConnected as updateSourceFile
+};