diff --git a/content/react/react-globalstyles-blockchain.js b/content/react/react-globalstyles-blockchain.js
new file mode 100644
index 000000000..e8f5a2282
--- /dev/null
+++ b/content/react/react-globalstyles-blockchain.js
@@ -0,0 +1,29 @@
+import React, {useEffect} from "react";
+import logo from './logo.svg';
+import './App.css';
+import {useDispatch, useSelector} from "react-redux";
+import {connect} from "./redux/blockchain/blockchainActions";
+import * as s from "./styles/globalStyles";
+
+function App() {
+  const dispatch = useDispatch();
+  const blockchain = useSelector(state => state.blockchain);
+
+  console.table(blockchain);
+
+  useEffect(() => {
+    dispatch(connect());
+  }, [dispatch]);
+
+  return <s.Screen>
+    <s.Container flex={1} ai={"center"} jc={"center"}>
+      <s.TextTitle>
+        Our game
+      </s.TextTitle>
+      <s.SpacerSmall />
+      <button>CONNECT</button>
+    </s.Container>
+  </s.Screen>
+}
+
+export default App;