Welcome to the Expo React Native App setup guide! In just a few simple steps, you'll have your Expo React Native project up and running on your computer and mobile device. Let's get started!
Before we begin, make sure you have the following prerequisites installed:
-
Node.js: You need Node.js installed on your computer. If you don't have it, you can download and install it from the official website: Node.js Download.
-
Expo Client: You will need the Expo Client app installed on your iPhone or iOS device. You can find it on the App Store.
-
Expo Account: If you haven't already, create an Expo account by visiting the Expo website. This account is used to manage your projects and provide additional features.
-
Visual Studio Code (VSCode): Download and install Visual Studio Code from the official website: VSCode Download. Additionally, make sure to install the following extensions within VSCode:
- React Native Tools
- ESLint
- Prettier - Code formatter
-
Login to Expo Account:
- Open your Expo Client app on your iOS device.
- Log in using your Expo account credentials.
-
Login to Expo Account in VSCode:
- Open Visual Studio Code.
- Open the terminal within VSCode.
- Run the following command and follow the prompts to log in:
expo login
-
Create a Project Directory:
- Create a new folder on your desktop for your project.
-
Open Project in VSCode:
- Open Visual Studio Code.
- Open the project folder you created on your desktop using VSCode by navigating to
File > Open Folder
.
-
Install Dependencies:
- In the VSCode terminal, navigate to your project folder using the
cd
command, e.g.,cd path/to/your/project
. - Install the project dependencies by running the following command:
npm install
- In the VSCode terminal, navigate to your project folder using the
-
Start Your Project:
- After the installation is complete, start your Expo React Native project with the following command:
npm start
- This will initiate the Expo development server.
- After the installation is complete, start your Expo React Native project with the following command:
-
Open Expo Client App:
- Open the Expo Client app on your iOS device.
-
Scan QR Code:
- In the terminal where your Expo project is running (from the previous step), you will see a QR code.
- Use the Expo Client app to scan the QR code.
- Your app will load on your mobile device.
If you encounter any issues during setup, refer to the Expo documentation or seek help from the Expo community for support.
Contributions to this setup guide are welcome! Feel free to submit issues and pull requests to improve this guide.
This project is licensed under the MIT License - see the LICENSE file for details.