Conventions used

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

Code in text: 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: “We can then pass the desired heading and summary to the Article component.”

A block of code is set as follows:

<Article
  heading="Think in components"
  summary="It's important to change your mindset when coding with React."
/>

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

<article>
  <h3>Think in components</h3>
  <p>It's important to change your mindset when coding with React.</p>
</article>

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

$ mkdir css
$ cd css

Bold: Indicates a new term, an important word, or words that you see onscreen. For instance, words in menus or dialog boxes appear in bold. Here is an example: “Select System info from the Administration panel.”

Tips or important notes

Appear like this.