Conventions used

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: "Again, with createClass, we use a function, while, with the ES6 classes, we set an attribute of the instance."

A block of code is set as follows:

const Button = React.createClass({ 
    getInitialState() { 
      return { 
        text: 'Click me!'
      };
    }, 
    render() { 
      return <button>{this.state.text}</button>;
    }
  });

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

 React.createElement("img", { 
    src: "https://www.dev.education/images/logo.png", 
    alt: "DEV Education" 
  });

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

 npm install -g create-react-app

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: "Let's start with a basic example—displaying a form with an input field and a Submit button."