Lesson 3: Creating Your First Expo Project

Creating Your First Expo Project

1. Initialize a New Project:

   • Open your terminal and run:
     expo init my-first-expo-app
cd my-first-expo-app


2. Project Structure:

   • App.js: The main entry point of your application.
   • assets: Directory for images, fonts, and other static resources.
   • node_modules: Contains all the npm packages your project depends on.

3. Running the Project:

   • Start the development server:
     expo start

   • Open the Expo Go app on your mobile device and scan the QR code to run the app.

4. Understanding App.js:

   import React from 'react';
   import { Text, View } from 'react-native';

   export default function App() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Text>Welcome to your first Expo app!</Text>
</View>
);
}


Conclusion: Creating and running your first Expo project helps you understand the basic structure and workflow of an Expo application. By the end of this lesson, you should be comfortable with initializing new projects and running them on your devices.