React Native Cheat Sheet: Essential Commands for Development

-

🔧 Basic Build & Run Commands

CommandDescription
npx react-native run-androidRun the Android app
npx react-native run-iosRun the iOS app (Mac only)
npx react-native startStart the Metro Bundler (Development server)
npx react-native doctorCheck environment setup and troubleshoot issues
cd android && ./gradlew cleanClean the Android build cache
npx react-native-clean-projectClear the entire project cache and builds

🔥 Debugging & Logs

CommandDescription
npx react-native log-androidView Android device logs
npx react-native log-iosView iOS device logs
adb reverse tcp:8081 tcp:8081Connect the Metro server to a USB-connected Android device
adb devicesList all connected Android devices

📦 Package Management (npm / yarn)

CommandDescription
npm install <package-name>Install a package
npm uninstall <package-name>Uninstall a package
npx react-native link <package-name>Link native modules
npm updateUpdate all packages to their latest versions

🚀 Release Build Commands (Android)

CommandDescription
cd android && ./gradlew assembleReleaseBuild the Android release APK
cd android && ./gradlew bundleReleaseBuild an AAB file for the Google Play Store
npx jetifyMigrate to AndroidX (maintain compatibility)

💡 Commands to Fix Common Issues

Bash
# Clear cache and resolve build issues
rm -rf node_modules
npm cache clean --force
npm install
cd android && ./gradlew clean

# Reset iOS Simulator (Mac only)
xcrun simctl erase all

# Force reboot Android Emulator
adb reboot

댓글

댓글 쓰기

이 블로그의 인기 게시물

How to Open, Set, and Save Environment Variables (Windows, macOS, Linux)

-
🪟 How to Set Environment Variables in Windows 1. Open the Environment Variables Window Right-click the Start menu and select System (or press Windows Key + X and choose System ). Click on Advanced system settings . Click the Environment Variables button. 2. Add a New Environment Variable Click New under the User variables or System variables section. Enter the Variable name and Variable value . Click OK . 3. Edit an Existing Environment Variable Select the variable you want to modify and click Edit . Update the Variable value and click OK . 4. Save and Apply Click OK on all open dialog windows to save your changes. Note: You must restart any currently open command prompts or applications for the changes to take effect. 🍎 How to Set Environment Variables in macOS 1. Open Terminal Go to Applications → Utilities → Terminal . 2. Set Temporary Environment Variables (Current Session Only) Bash export VARIABLE_NAME=value # Example: export PATH=$PATH:/new/path 3. Set Permanent...
자세한 내용 보기

My Experience Publishing a React Native App as an iOS Developer

-
Publishing a React Native App I started my journey as an iOS developer through a bootcamp. The reason I ended up publishing an app using React Native was that iOS development felt like a somewhat closed ecosystem—you only build iOS apps using Xcode within the Apple environment. Focusing solely on iOS made me feel a bit trapped over time. Whether I end up getting a full-time job or working as a freelancer, I realized that for the long term, I need to expand my skill set beyond just iOS. While focusing on iOS is great, I felt there was no reason to distance myself from Android. I am also someone with a lot of interest in other development areas. I’d love to challenge myself with web development someday, though it might be tough right now. As these thoughts built up, I developed a strong desire to publish an Android app alongside my iOS ones, which ultimately led me to build an app with React Native. Why React Native? You might ask, "If you wanted to build an Android app, why did i...
자세한 내용 보기

How to Fix Auto Layout Constraint Conflicts and Spacing Issues (Question, Image, and Options)

-
The Problem I was facing an issue where the spacing between the question, image, and options was excessively large, resulting in poor readability. On top of that, constraint conflicts were occurring. The root cause was that it is mathematically impossible for Auto Layout to satisfy the following three constraints simultaneously: 20pt spacing from the question to the image view. 10pt spacing from the question label to the options stack view. 20pt spacing from the image view to the options stack view. The Solution To resolve this, I made the constraints dynamic. First, declare variables for the constraints: Swift private var questionToOptionsConstraint: NSLayoutConstraint ! private var questionToImageConstraint: NSLayoutConstraint ! private var imageToOptionsConstraint: NSLayoutConstraint ! Next, initialize these constraints in the setupConstraints() method, but do not activate them yet: Swift questionToOptionsConstraint = optionsStackView.topAnchor.constraint(equalTo: questio...
자세한 내용 보기