import React from 'react';

class App extends React.Component {
    render() {
        return (
            <h1>Hello World!</h1>
        );
    }
}

export default App;
@@ -24,124 +24,955 @@
 t';%0A
-%0Aclass App extends React.Component %7B%0A    render() %7B%0A        return (%0A            %3Ch1%3EHello World!%3C/h1%3E%0A        );%0A  
+import GameModel from './models/GameModel';%0Aimport NewGameComponent from './components/NewGameComponent';%0Aimport GameListComponent from './components/GameListComponent';%0A%0A%0A%0Aconst headerStyle = %7B%0A  textAlign: %22center%22%0A%7D;%0A%0Aconst containerStyles = %7B%0A  width: %22500px%22,%0A  height: %22500px%22,%0A  margin: %22auto%22,%0A%7D;%0A%0Aclass App extends React.Component %7B%0A  constructor() %7B%0A    super();%0A%0A    this.games = new GameModel();%0A    this.games.subscribe(this.updateList.bind(this));%0A%0A    this.state = %7B%0A      games: %5B%5D,%0A    %7D;%0A  %7D%0A%0A  updateList() %7B%0A    this.setState(%7B%0A      games: this.games.resources%0A    %7D);%0A  %7D%0A%0A  createGame() %7B%0A    this.games.addResource(%7B%0A      playerOne: newPlayer%0A    %7D);%0A  %7D%0A%0A  render() %7B%0A    console.log(this.state);%0A    return (%0A      %3Cdiv style=%7BcontainerStyles%7D%3E%0A        %3Ch1 style=%7BheaderStyle%7D%3EGames Menu%3C/h1%3E%0A        %3CNewGameComponent games=%7Bthis.state.games%7D/%3E%0A        %3CGameListComponent games=%7Bthis.state.games%7D/%3E%0A      %3C/div%3E%0A    );%0A
   %7D%0A
@@ -993,8 +993,9 @@
 ult App;
+%0A

add game components and model to App.js