The latest articles on Forem by vishal Raut (@vrautgit). https://forem.com/vrautgit https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F343156%2Fe96518b2-9861-4bb0-886a-e5576a00c8fd.png https://forem.com/vrautgit en vishal Raut Tue, 19 May 2020 08:30:14 +0000 https://forem.com/vrautgit/react-native-commands-and-shortcuts-58kl https://forem.com/vrautgit/react-native-commands-and-shortcuts-58kl <h2> Purpose of the article </h2> <p>When developing an application in react-native we need to check our changes in both iOS and android platforms for simulator and emulator.<br> To do that we use native tools Xcode and Android studio.<br> The use of these tools might consume a lot of development time, especially if you are not a native developer.</p> <h2> Solution </h2> <p>As a solution, we can avoid using these tools until it is very necessary.<br> How we can do that huh?<br> Using terminal commands.<br> In this article I will be sharing a commands which helps me save my development time.</p> <h2> For iOS: </h2> <h3> Commands </h3> <ul> <li>Clean build iOS build </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>&gt; cd ios &gt; Xcodebuild clean </code></pre></div> <ul> <li>List the simulators </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>xcrun simctl list </code></pre></div> <ul> <li>Run ios build with specific simulator </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>react-native run-ios --simulator=&lt;Your simulator name&gt; </code></pre></div> <ul> <li>Clear pod cache and install again </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>&gt; cd ios &gt; pod deintegrate &gt; rm -rf Podfile.lock &gt; pod install </code></pre></div> <h3> Shortcuts </h3> <ul> <li>Show/hide keyboard in simulator when input field is focused </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>command + shift + k </code></pre></div> <ul> <li>Clean build when from xcode </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>command + shift + k </code></pre></div> <ul> <li>Start build from xcode </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>command + b </code></pre></div> <ul> <li>Rotate the simulator </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>command + &lt;right/left/top/bottom arrow&gt; </code></pre></div> <ul> <li>Open debugging options: </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>command + d </code></pre></div> <ul> <li>Reloading simulator </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>command + r </code></pre></div> <h2> Android </h2> <h3> Commands </h3> <ul> <li>List connected devices </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>adb devices </code></pre></div> <ul> <li>Clean build </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>&gt; cd android &gt; ./gradlew clean </code></pre></div> <ul> <li>Open debugging options </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>adb shell input keyevent KEYCODE_MENU </code></pre></div> <ul> <li>Open debugging options for specific device: Suppose emulator already open and the device is also connected then we can specify device id which will open debugging options for a specific device. </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>adb -s &lt;Your device ID&gt; shell input keyevent KEYCODE_MENU </code></pre></div> <ul> <li>Connect your packager with debug build: Suppose you have manually installed debug build in your device and you want to connect with package </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>adb reverse tcp:8081 tcp:8081 </code></pre></div> <ul> <li>Log device errors in debug and release mode: </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>adb logcat AndroidRuntime:E *:S </code></pre></div> <ul> <li>Open emulator without android studio (MAC OS) </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>&gt; cd ~/Library/Android/sdk/emulator &gt; ./emulator -list-avds &gt; ./emulator -avd &lt;emulator name&gt; &gt; ./emulator -avd &lt;emulator name&gt; -wipe-data </code></pre></div> <ul> <li>Run build for the specific device </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>react-native run-android deviceId=&lt;DEVICE_ID&gt; </code></pre></div> <h3> Shortcuts </h3> <ul> <li>Open debugging options on emulator </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>command + m </code></pre></div> <ul> <li>Reload app on the emulator </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>r + r </code></pre></div> <ul> <li>Going to back navigation </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>Mac: command + delete Windows: Cmd + Backspace </code></pre></div> <ul> <li>Open app overview </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>Mac: command + O Windows: Cmd + O </code></pre></div> <ul> <li>Go to home </li> </ul> <div class="highlight"><pre class="highlight plaintext"><code>Mac: command + Shift + H Windows: Cmd + Shift + H </code></pre></div> reactnative javascript