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 start with a test that specifies what this Birthday component will do with its name prop.”

A block of code is set as follows:

import { describe, it, expect } from 'vitest';
import {
  render,
  screen
} from '@testing-library/svelte';
import Birthday from './Birthday.svelte';

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

describe('Birthday', () => {
  it('displays the name of the person', () => {
    render(Birthday, { name: 'Hercules' });
  });
});

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

mkdir birthdays
cd birthdays
npm create svelte@latest

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: “The user clicks the Save button.”

Tips or important notes

Appear like this.