TypeScript: Modern JavaScript Development

Implementing the root component

As you saw in the previous chapter, the root component of our custom MVC framework is the App component. So, let's create a new file, named main.ts, under the source/app directory.

We can access all the interfaces in the framework by adding a reference to the source/interfaces.ts as follows:

/// <reference path="../framework/interfaces"/>

We can then access all the components in the framework by importing the framework/framework.ts file:

import { App, View } from "../framework/framework";

Our application will have two controllers. The files don't exist yet but we can add the two import statements anyway:

import { MarketController } from "./controllers/market_controller"; import { SymbolController } from "./controllers/symbol_controller"; ...