Using React

Another TypeScript framework that we will take a look at in this chapter is React. The React framework is open source, and was originally developed by Facebook. React uses a specific inline syntax for combining HTML templates and JavaScript code in the same file, named JSX. There are no string templates to load, like Backbone, or HTML snippets that are in a separate file, like Angular or Aurelia. In React, all templates are mixed in with normal JavaScript code, using an HTML-like syntax. As a simple example of this syntax, consider the following code:

render() { 
    return <div>Hello <span>React</span></div>; 
} 

Here, we have a standard TypeScript function named render. Within this function, we are returning what looks like native HTML, with a <div> and a child <span>. Note that there are no quotation marks around these HTML elements...