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...
자세한 내용 보기

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...
자세한 내용 보기

How to Fix Shared Progress Issues Across Different Difficulty Levels in SQLite

-
1. Preventing Data Conflicts with a Composite Primary Key Problem Previously, the level and quizGroup were not distinctly separated in the database. As a result, saving new progress would unintentionally overwrite existing data from other levels. Solution I updated the progress table to use a composite primary key consisting of both level and quizGroup . This ensures that progress is managed independently for each specific level and group. SQL CREATE TABLE IF NOT EXISTS progress ( level TEXT, quizGroup TEXT, lastQuestionIndex INTEGER , PRIMARY KEY (level, quizGroup) ); 2. Improving the Data Saving Mechanism Updating Progress for a Specific Level and Group In the saveProgress method, I updated the SQL query to include both level and quizGroup in the WHERE clause. This ensures we only update the progress for the targeted level and group. Swift let updateQuery = "UPDATE progress SET lastQuestionIndex = ? WHERE level = ? AND quizGroup = ?;" Appl...
자세한 내용 보기