<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Abhishek Jha's blog]]></title><description><![CDATA[Abhishek Jha's blog]]></description><link>https://jhavisek.hashnode.dev</link><generator>RSS for Node</generator><lastBuildDate>Mon, 07 Sep 2026 05:04:06 GMT</lastBuildDate><atom:link href="https://jhavisek.hashnode.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[React Native Quick Environment setup and Installation guide for Windows]]></title><description><![CDATA[When it comes to building mobile apps we have a common misconception that we need powerful machines to run and develop them in fact, this is not the case react native allows us to build cross-platform mobile applications with minimal setup.
In this a...]]></description><link>https://jhavisek.hashnode.dev/react-native-quick-environment-setup-and-installation-guide-for-windows</link><guid isPermaLink="true">https://jhavisek.hashnode.dev/react-native-quick-environment-setup-and-installation-guide-for-windows</guid><category><![CDATA[React Native]]></category><category><![CDATA[javascript framework]]></category><dc:creator><![CDATA[Abhishek Jha]]></dc:creator><pubDate>Sat, 28 Jan 2023 12:15:11 GMT</pubDate><enclosure url="https://cdn.hashnode.com/res/hashnode/image/upload/v1674823656494/1b59f60b-a178-459a-878c-f888784c4292.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>When it comes to building mobile apps we have a common misconception that we need powerful machines to run and develop them in fact, this is not the case react native allows us to build cross-platform mobile applications with minimal setup.</p>
<p>In this article, I will show how you can set up your react native development environment for windows and Android OS.</p>
<p><mark>Note:</mark> I assume that you have already installed a code editor on your computer. If you haven't please install the <a target="_blank" href="https://code.visualstudio.com/">vs code</a> .</p>
<p>To set up the development environment in windows OS, please follow the following steps:</p>
<p><strong>Step 1: Install the LTS version of Node Js</strong></p>
<p>To install the NodeJs click on this <a target="_blank" href="https://nodejs.org/en/">link</a> and install the LTS version of it.</p>
<p>To check if NodeJs is already installed on your machine, type the command</p>
<p><code>node --version</code> in the command prompt or any other CLI.</p>
<p>If it has been installed correctly it will show up the version as output.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674830440072/4146d3bd-2909-45f5-96f7-7e3682906713.png" alt /></p>
<p><strong>Step 2: Install Java Development Kit</strong></p>
<p>To install the latest version of JDK click on this <a target="_blank" href="https://adoptium.net/temurin/releases/?version=11">link</a> and choose the JDK based upon your processor whether it is 32 or 64 bit and install it on your machine.</p>
<p>Once it has been installed you can check by typing the command <code>java --version</code> in your command prompt. It will show you the version of JDK you have installed on your machine.</p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674831210000/3694df43-4755-479f-ba43-e963efc45e42.png" alt /></p>
<p><strong>Step 3: Install the Android Studio</strong></p>
<p>Android Studio is necessary in order to run the application on an emulator or real device.</p>
<p>To install the Android Studio click on the <a target="_blank" href="https://developer.android.com/studio">link</a> and follow the installation guide process.</p>
<p>Now you have installed all the necessary software on your computer, it's time to set up the react native project and run it on an emulator and a physical android device.</p>
<p>First of all, let's create a new application using react-native-cli. To create an application simply open the terminal and type the following command</p>
<p><code>npx react-native init project-name</code></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674896835542/3a32f289-d7fb-4e73-9122-9ab9e6d94ce0.png" alt /></p>
<p>This will take some time and eventually create a new application.</p>
<p>Open the project in your favorite code editor and follow the following steps to run the application whether in the emulator or on a physical android device.</p>
<h3 id="heading-to-run-the-application-on-an-emulator"><strong>To run the application on an Emulator</strong></h3>
<p>Emulator means a virtual device, to run the application on a virtual device please follow the given steps:</p>
<p><strong>Step 1: Open Android Studio and click on "More Action" and select "create virtual device" from the dropdown.</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674835713684/6ad5767b-f9d1-44dd-8c15-57ced7bcfdb0.png" alt /></p>
<p><strong>Step 2: Click on "Create virtual device"</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674835719138/025716e9-c295-410e-924a-4b77ab647e6a.png" alt /></p>
<p><strong>Step 2: Choose the device based on your choice and click on "next"</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674835930198/c1345438-eaea-487c-926f-11216db7746e.png" alt class="image--center mx-auto" /></p>
<p><strong>Step 3: Click on the download icon and it will download the hardware required for the virtual device after it has downloaded click on "Finish" and it will create a virtual device.</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674836362232/7dd34a08-9f9e-4685-b654-e9b11a64afc6.png" alt class="image--center mx-auto" /></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674836378528/b0d28e20-5d1a-4d05-a8d8-9f5be1829630.png" alt class="image--center mx-auto" /></p>
<p><strong>Step 4: Click on the play icon, it will start the emulator.</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674836461947/b660a981-987d-4fe7-8eff-f5a2af34a77b.png" alt class="image--center mx-auto" /></p>
<p><strong>Step 5: Open the project in your favorite code editor and toggle up the terminal. In my case, I will use vs code and type the command</strong> <code>adb devices</code> <strong>to see if you are currently running an emulator</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674906172349/8e95c972-9444-41f1-9115-8008185c3604.png" alt /></p>
<p><strong>Step 5: Once the emulator is running, we can now run the command</strong></p>
<p><code>npx react-native run-android</code> <strong>.This will open up the metro bundler and execute the application on emulator.</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674906513711/2d43edbe-fa93-49b4-9ae3-932091e87dd4.png" alt /></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674906534319/83af09a4-ef85-4656-ac4e-7012a7e5803b.png" alt /></p>
<h3 id="heading-to-run-the-react-native-application-on-a-physical-device"><strong>To run the react native application on a physical devic</strong>e</h3>
<p>Running a react native application on a physical android device is much easier than running it on a virtual device. We even don't need to open up an android studio.</p>
<p><strong><mark>Note:</mark> Although we need to have Andriod Studio installed on our machine.</strong></p>
<p>To start the application of a mobile phone we need to follow some given steps:</p>
<p><strong>Step 1: First we need to enable the "Developer options" menu by going to</strong> <em>Settings → About phone → Software information</em> <strong>and then tapping the</strong> <code>Build number</code> <strong>row at the bottom seven times. We can then go back to</strong> <em>Settings → Developer options</em> <strong>to enable "USB debugging".</strong></p>
<p><strong>Step 2: Plug in the mobile phone via USB and connect to laptop.</strong></p>
<p><strong>Step 3: Check that your device is properly connecting to ADB, the Android Debug Bridge, by running</strong> <code>adb devices</code><strong>.</strong></p>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1674907249092/8a6e8844-9d68-43cd-bc40-a1dd2600a93c.png" alt /></p>
<p>Seeing <code>device</code> in the right column means the device is connected. You must have <strong>only one device connected</strong> at a time.</p>
<p><strong>Step 4: Run the command</strong> <code>npx react-native run-android</code> <strong>. It will start the application on physical android device.</strong></p>
<p>Cheers🥂!! You have successfully set up your windows environment for react native projects. Thank you readers🙏🏻🙏🏻.</p>
]]></content:encoded></item></channel></rss>