🚀 Setting Up Your First React Native CLI Project
Laxman Nemane

Laxman Nemane @laxmann

About: 👨‍💻 Frontend Developer | Eager to Learn & Grow 🚀

Location:
Pune, India
Joined:
Oct 3, 2024

🚀 Setting Up Your First React Native CLI Project

Publish Date: Mar 6
6 0

Starting with React Native CLI? Follow this step-by-step guide to set up your first React Native project successfully! 📱💻

🗒️⚠️ Please ensure all prerequisites are installed as mentioned in my last post. Check Prerequisites Here

1️⃣ . Install react native project 📦
🔹Run

npx @react-native-community/cli init newproject --version X.XX.X
Enter fullscreen mode Exit fullscreen mode

👉 Learn more in the init docs
This command will create a new project for you. No additional setup is required—just run the project! 🚀

🚀 Run the Project
1️⃣ Navigate to the project directory:

cd newproject
Enter fullscreen mode Exit fullscreen mode

2️⃣ Start the Metro Bundler:

npm start
Enter fullscreen mode Exit fullscreen mode

After running this command, you'll see some options:

  • i → Run on iOS 📱
  • a → Run on Android 🤖
  • r → Reload the app 🔄
  • d → Open the Developer Menu ⚙️
  • j → Open DevTools 🛠️

Simply press the corresponding key to execute the desired action! 🚀

Congratulations! 🎉 You’ve successfully set up and run your first React Native CLI project. Now, you’re ready to start building your app!

✅ Stay tuned! In the next post, I’ll explain the React Native project folder structure in detail. 📂👨‍💻

Let’s keep learning and growing together!

Comments 0 total

    Add comment