Introduce Redux into the modern skin codebase

modern/src/index.js

@@ -1,10 +1,16 @@
 import React from "react";
 import ReactDOM from "react-dom";
+import { Provider } from "react-redux";
 import "./index.css";
 import App from "./App";
 import Debugger from "./debugger";
+import { create } from "./store";
+
+const store = create();
 
 ReactDOM.render(
-  window.location.pathname === "/debugger" ? <Debugger /> : <App />,
+  <Provider store={store}>
+    {window.location.pathname === "/debugger" ? <Debugger /> : <App />}
+  </Provider>,
   document.getElementById("root")
 );

modern/src/store.ts

@@ -0,0 +1,18 @@
+import { ModernAppState, ModernAction } from "./types";
+import { createStore } from "redux";
+
+const defaultState = {};
+
+function reducer(
+  state: ModernAppState = defaultState,
+  action: ModernAction
+): ModernAppState {
+  switch (action.type) {
+    default:
+      return state;
+  }
+}
+
+export function create() {
+  return createStore(reducer);
+}

modern/src/types.ts

@@ -0,0 +1,2 @@
+export type ModernAppState = {};
+export type ModernAction = { type: "INIT" };