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: “Mount the downloaded WebStorm-10*.dmg disk image file as another disk in your system.”
A block of code is set as follows:
const folder = [
{ type: 'file', name: 'a.js' },
{ type: 'file', name: 'b.js' },
{ type: 'folder', name: 'c', children: [
{ type: 'file', name: 'd.js' },
]},
]; When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:
<!-- filename: JsonTree.svelte -->
<script>
export let data;
</script>
<ul>
{#each Object.entries(data) as [key, value]}
<li>
{key}:
{#if typeof value === 'object'}
<svelte:self data={value} />
{:else}
{value}
{/if}
<li>
{/each}
</ul> 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: “When you have a <form> element, by default when you hit the Submit button, it will navigate to the location indicated by the action attribute, carrying along with it the value filled in the <input> elements within the <form> element.”
Tips or important notes
Appear like this.
