Make AJAX request when mounting ChessBoard

package.json

@@ -8,6 +8,7 @@
   "dependencies": {
     "classnames": "^2.2.5",
     "immutable": "^3.8.1",
+    "jquery": "^3.1.1",
     "lodash": "^4.17.2",
     "phoenix": "file:deps/phoenix",
     "phoenix_html": "file:deps/phoenix_html",

web/controllers/game_controller.ex

@@ -0,0 +1,9 @@
+defmodule Chess.GameController do
+  use Chess.Web, :controller
+
+  alias Chess.Game
+
+  def show(conn, _params) do
+    render conn, "show.json", id: 1
+  end
+end

web/static/js/application.js

@@ -16,7 +16,7 @@ class App extends React.Component {
     const { store } = this.props;
 
     return (
-      <ChessBoard store={store} />
+      <ChessBoard gameId={1} store={store} />
     );
   }
 }

web/static/js/components/chess-board.js

@@ -1,9 +1,17 @@
 import React from "react";
+import $ from "jquery";
 import { connect } from "react-redux";
 
 import ChessBoardSquare from "./chess-board-square";
 
 class ChessBoard extends React.Component {
+  componentWillMount() {
+    const { gameId } = this.props;
+
+    $.ajax({ method: "GET", url: "/games/" + gameId })
+      .then(() => console.log("Oh, hai!"));
+  }
+
   getBoard() {
     const { store } = this.props;
     return store.getState().board;

web/views/game_view.ex

@@ -0,0 +1,7 @@
+defmodule Chess.GameView do
+  use Chess.Web, :view
+
+  def render("show.json", %{ id: 1 }) do
+    %{ foo: :bar }
+  end
+end