From 75ae4c4b0c548f4439afff033d8d12321db43c9d Mon Sep 17 00:00:00 2001 From: "Wyatt J. Miller" Date: Thu, 29 Sep 2022 22:57:35 -0400 Subject: [PATCH] starting to build --- src/App.tsx | 75 +++++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 58 insertions(+), 17 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index a53698a..2cdd87e 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,26 +1,67 @@ import React from 'react'; -import logo from './logo.svg'; +import ReactDOM from 'react-dom'; import './App.css'; function App() { return ( -
-
- logo -

- Edit src/App.tsx and save to reload. -

- - Learn React - -
-
+ ); } +class Square extends React.Component { + render() { + return( + + ); + } +} + +class Board extends React.Component { + renderSquare(i: any) { + return + } + + render() { + const status = 'Next player: X'; + + return( +
+
{status}
+
+ {this.renderSquare(0)} + {this.renderSquare(1)} + {this.renderSquare(2)} +
+
+ {this.renderSquare(3)} + {this.renderSquare(4)} + {this.renderSquare(5)} +
+
+ {this.renderSquare(6)} + {this.renderSquare(7)} + {this.renderSquare(8)} +
+
+ ); + } +} + +class Game extends React.Component { + render() { + return( +
+
+ +
+
+
{ /* status */ }
+
    { /* todo */ }
+
+
+ ); + } +} export default App;