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: “export const ListOfAvatars = () => {“.

A block of code is set as follows:

Import { Text } from 'react-native';
const Welcome = () => {
  return <Text>Hello, World! </Text>;
}

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

return (
    <View style={{ paddingTop: 30 }}>
      <FlatList
        data={arrayOfAvatars}
        renderItem={renderItem}
        keyExtractor={(item) => item.id}
      />
    </View>

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

$ yarn add react-query
$ expo start

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: “If you want to see your app on your phone, you’ll find the QR code to scan in the Expo Go app right here. “

Browsing through sample data

You can see the example data used in the app whenever you’d like.