Modern Full-Stack Development

 The REAL Starting Point: main.tsx
We begin in the main.tsx file, with a few imports:
import "normalize.css";
import "../css/main.css";
As with MailBag, we want a clean slate as far as styles go, so normalize.css is 
brought in. Then, our application-specific stylesheet, main.css, is likewise imported. 
There aren’t many style definitions in that file, but I’ll introduce pieces of it as we 
encounter the style classes throughout the rest of the code.
After that, React is imported:
import React from "react";
import ReactDOM from "react-dom";
Finally, the BaseLayout component is as well. This will be the component at the top 
of the component hierarchy that will contain state for all the child components:
import BaseLayout from "./components/BaseLayout";
And, once that’s all imported, it’s time to render us an interface:
ReactDOM.render(, document.body);
At this point in app execution, you’d have the basic screen up, though the playboard 
is initially hidden (unless you are the second player to connect to the server), so it’s 
mostly an empty screen. Still, it’s a start!
Now, let’s see what that BaseLayout component has in store for us.