Start developing

Question 1

start a development server

Answer 1

npx expo start

Question 2

Make your first change

Answer 2

Open the app/(tabs)/index.tsx in your code editor and make your first change

Question 3

app

Answer 3

contains the app’s navigation, which is file based. The file structure of the app directory determines the app’s navigation.

The app has two routes by two files: app/(tabs)/index.tsx and app(tabs)/explore.tsx

Question 4

assets

Answer 4

contains adaptive-icon.png used for Android and an icon.png used for iOS as app icons. It contains splash.png which is an image for the project’s splash screen and a favicon.png if the app runs in a browser.

Question 5

components

Answer 5

ThemedText.tsx, which creates text elements that use the app’s color scheme in light and dark modes

Question 6

constants

Answer 6

color.ts, which contains a list of color values throughout the app

Question 7

hooks

Answer 7

allows sharing common behavior between components

Question 8

useThemeColor()

Answer 8

a hook that returns a color based on the current theme

Question 9

scripts

Answer 9

this can be run with npm run reset-project. This script will move the app directory to app-example, and create a new app directory with an index.tsx file

Question 10

app.json

Answer 10

contains configuration options for the project and is calle app config. These options change the behavior of your project while developing. submitting, and updating your app

Question 11

babel.config.js

Answer 11

babel-present-expo present the extends the default React native preset and adds support for decorators, tree shaking web packages, and loading font icons with optional native dependencies if they’re installed

Question 12

package.json

Answer 12

contains the project’s dependencies, scripts and metadata

Question 13

tsconfig.json

Answer 13

contains the rules that TypeScript will use to enforce type safety throughout the project