Modern Full-Stack Development

 The Main Code: state.ts
Okay, now we come to the final source file that makes up BattleJong, and it’s where most 
of the real work is: state.ts. As with MailBag, this code is concerned with constructing 
an object that will contain the application state that will be housed in the BaseLayout 
component and then flow down to any child components that need it. The methods 
exposed as part of this object are concerned with mutating state in some way, but in this 
app, that really means it winds up containing a good chunk of the core game logic since 
that logic will ultimately mutate state, so it’s logical for it to be here.
Chapter 11   time for fun: BattleJong, the Client

---

330
It begins, as most of our modules do, with some imports:
import React from "react";
import { createSocketComm } from "./socketComm";
React is obvious – we won’t get very far building a React app without importing React 
itself! – and socketComm, you of course know, is how we talk to the server.