🚀 Setting Up Your First React Native CLI Project

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 …


This content originally appeared on DEV Community and was authored by Laxman Nemane

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

👉 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

2️⃣ Start the Metro Bundler:

npm start

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!


This content originally appeared on DEV Community and was authored by Laxman Nemane


Print Share Comment Cite Upload Translate Updates
APA

Laxman Nemane | Sciencx (2025-03-06T05:29:39+00:00) 🚀 Setting Up Your First React Native CLI Project. Retrieved from https://www.scien.cx/2025/03/06/%f0%9f%9a%80-setting-up-your-first-react-native-cli-project/

MLA
" » 🚀 Setting Up Your First React Native CLI Project." Laxman Nemane | Sciencx - Thursday March 6, 2025, https://www.scien.cx/2025/03/06/%f0%9f%9a%80-setting-up-your-first-react-native-cli-project/
HARVARD
Laxman Nemane | Sciencx Thursday March 6, 2025 » 🚀 Setting Up Your First React Native CLI Project., viewed ,<https://www.scien.cx/2025/03/06/%f0%9f%9a%80-setting-up-your-first-react-native-cli-project/>
VANCOUVER
Laxman Nemane | Sciencx - » 🚀 Setting Up Your First React Native CLI Project. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/03/06/%f0%9f%9a%80-setting-up-your-first-react-native-cli-project/
CHICAGO
" » 🚀 Setting Up Your First React Native CLI Project." Laxman Nemane | Sciencx - Accessed . https://www.scien.cx/2025/03/06/%f0%9f%9a%80-setting-up-your-first-react-native-cli-project/
IEEE
" » 🚀 Setting Up Your First React Native CLI Project." Laxman Nemane | Sciencx [Online]. Available: https://www.scien.cx/2025/03/06/%f0%9f%9a%80-setting-up-your-first-react-native-cli-project/. [Accessed: ]
rf:citation
» 🚀 Setting Up Your First React Native CLI Project | Laxman Nemane | Sciencx | https://www.scien.cx/2025/03/06/%f0%9f%9a%80-setting-up-your-first-react-native-cli-project/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.