There are a number of text conventions used throughout this book.

CodeInText: Indicates code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles. Here is an example: "Let's create a new file called tsconfig.json in the root of our project." 

A block of code is set as follows:

import * as React from "react";

const App: React.SFC = () => {
  return <h1>My React App!</h1>;
};

When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:

interface IProps {
 title: string;
  content: string;
  cancelCaption?: string;
  okCaption?: string;
}

Any command-line input or output is written as follows:

cd my-components
npm install tslint tslint-react tslint-config-prettier --save-dev

Bold: Indicates a new term, an important word, or words that you see on screen. For example, words in menus or dialog boxes appear in the text like this. Here is an example: "We need to click the Install option to install the extension."