Refactor decode to match existing partner.

src/renderer/src/redux/app.slice.ts

@@ -34,4 +34,13 @@ export const { increment, decrement, incrementByAmount } = appSlice.actions;
 // Other code such as selectors can use the imported `RootState` type
 export const selectCount = (state: RootState): number => state.app.value;
 
+//Async Functions - Thunks
+// Define a thunk that dispatches those action creators
+const fetchUsers = () => async (dispatch) => {
+  dispatch(increment());
+  //Some sort of async action.
+
+  dispatch(incrementByAmount(100));
+};
+
 export default appSlice.reducer;

src/renderer/src/redux/redux-store.ts

@@ -1,8 +1,10 @@
 import { configureStore } from "@reduxjs/toolkit";
+import logger from "redux-logger";
 import appReducer from "./app.slice";
 
 const store = configureStore({
   reducer: { app: appReducer },
+  middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(logger),
 });
 
 // Infer the `RootState` and `AppDispatch` types from the store itself

src/renderer/src/redux/reduxHooks.ts

@@ -2,7 +2,8 @@ import type { TypedUseSelectorHook } from "react-redux";
 import { useDispatch, useSelector, useStore } from "react-redux";
 import type { AppDispatch, AppStore, RootState } from "./redux-store";
 
-// Use throughout your app instead of plain `useDispatch` and `useSelector`
+
+//Use these custom hooks to access the Redux store from your component with type safety.
 export const useAppDispatch: () => AppDispatch = useDispatch;
 export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;
 export const useAppStore: () => AppStore = useStore;

src/renderer/src/util/ipcRendererHandler.ts

@@ -0,0 +1,12 @@
+//Set up all of the IPC handlers.
+import ipcTypes from "../../../util/ipcTypes.json";
+
+const ipcRenderer = window.electron.ipcRenderer;
+
+ipcRenderer.on(
+  ipcTypes.toRenderer.test,
+  (event: Electron.IpcRendererEvent, arg) => {
+    console.log("Received test message from main process");
+    console.log(arg);
+  }
+);