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: “This is the <Header /> component from our example project of the previous chapter but using inline styles to style the Text component.”

A block of code is set as follows:

import React from 'react'; 
import {ScrollView, Text, View} from 'react-native'; 
const App = () => { 
  return ( 
    <ScrollView contentInsetAdjustmentBehavior="automatic"> 
      <View> 
        <Text>Hello World!</Text> 
      </View> 
    </ScrollView> 
  ); 
};

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

<Pressable 
  key={genre.name} 
  onPress={() => props.onGenrePress(genre)} 
  testID={'test' + genre.name}> 
  <Text style={styles.genreTitle}>{genre.name}</Text> 
</Pressable>

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

npx react-native init videoexample  
    --template react-native-template-typescript

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: “Go to Settings, scroll to the bottom, and choose Developer.”

Tips or Important Notes

Appear like this.