Get Started

Expand

1. Make sure you meet these requirements https://docs.expo.dev/get-started/installation/
2. Make sure you run npm install -g expo-cli to get the latest version
3. yarn
4. yarn start
5. A prompt should show up to let you know how to start web, ios or android. However if this is your first time using expo you may need to open up the iOS simulator or android emulator first. i.e. open -a Simulator && yarn start

New Project Setup

app.json

1. Update the scheme value to have the actual name of the app. It is basically the URL scheme to link into your app. For example, if we set this to demo, then demo:// URLs would open your app when tapped.
2. Update the icon to get the proper icon for the app aka what the user sees on their home screen
3. Update the splash.image to get the proper splash screen you want on startup
4. Update the android.adaptiveIcon.foregroundImage to specify your foreground image

Prettier

1. Prettier configs already exist, will want to install something like this VSCode extension: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Explanation Packages

I just wanted to explain why installed some of these extra packages on top of repo for this template

Expand list

lodash

Just a lot of useful syntatical sugar util functions

eslint

Prerequisite dependency for eslint-config-airbnb but mainly because I wanted linting

eslint-config-airbnb

A good starting point for linting rules

eslint-plugin-import

Prerequisite dependency for eslint-config-airbnb

eslint-plugin-react

Prerequisite dependency for eslint-config-airbnb

eslint-plugin-react-hooks

Prerequisite dependency for eslint-config-airbnb

eslint-plugin-jsx-a11y

Prerequisite dependency for eslint-config-airbnb

eslint-plugin-react-native

Specific linting rules for react native

eslint-plugin-jest

Specific linting rules for jest

prettier

To automatically pretty up the code base

eslint-plugin-prettier

Runs prettier as eslint

eslint-config-prettier

Dependency for eslint-plugin-prettier

eslint-import-resolver-babel-module

For absolute pathing. A `babel-plugin-module-resolver` for `eslint-plugin-import`

@typescript-eslint/parser

Facilitates use of eslint with typescript

@typescript-eslint/eslint-plugin

Adds or extends rules with typescript specific features