Physical Address
Sagipora Sopore Baramulla 193201 Jammu & Kashmir
Hello and welcome to Codipher. Today we are going to install ReactJS on android device without any errors and then develop complete reactjs app. So without wasting further time let’s get started.
NOTE: If you try to install or create reactjs by changing the directory to /sdcard or /storage in termux, then the installation process will fail. It will give you different errors each time or it may get stuck somewhere. This is because Android device does not meet the requirements for installation of ReactJs. That’s why we will be installing ReactJS in termux home directory.
Also Read: MongoDB Installation And Setup On Android
Prerequisites
1) First of all you need to install the Acode Code Editor app on your Android device from the above link.
2) Now install the termux app from above link.
3) When the both apps are installed successfully, open termux app and give it a few seconds for setup.
4) In termux give below commands one by one
pkg update
pkg upgrade
termux-setup-storage
pkg install nodejs
5) Now let’s install reactjs app with create-react-app by this command
ALSO READ: Kali Nethunter 3.0 Installation On Unrooted Android Device
npx create-react-app yourAppName
Replace yourAppName with the name that you want to give it. And wait for about 10-15 minutes to finish the installation process. It depends on uour device specifications and internet connection. If you have a high end device and good internet speed it won’t take long to finish.
6) Now the reactjs app has been created. Now we need to start the development server on our localhost:3000, to do that let’s change our present working directory to the ReactJs app we recently created by executing below command.
cd yourAppName
7) Start the development server on localhost:3000 with below command
npm start
or
yarn start
Now wait for the development server until it gets started, when it is successful started your default browser will open automatically on http://localhost:3000.
If the browser didn’t opened automatically, then you need to manually open the browser and type http://localhost:3000 in your search bar.
React (also known as React.js or ReactJS) is a free and open-source front-end JavaScript toolkit for creating UI components-based user interfaces. Meta (previously Facebook) and a community of individual developers and businesses support it.
ALSO READ: Tesla Website Clone Using React.js | Source Code
A development server is a sort of server that is designed to help software programmers build and test programmes, websites, software, and apps. It includes a run-time environment as well as the hardware and software utilities required for programme creation and debugging.
This IP address, by default, refers to a server operating on the present device. In other words, your computer is making a request to itself, its “local host,” when it asks the IP address 127.0.0.1. “localhost” is also the domain name for the loopback IP address 127.0.0.1.
npm, Inc. maintains a package management for the JavaScript programming language. For the JavaScript runtime environment Node.js, npm is the default package manager. It consists of a command-line client, often known as npm, and the npm registry, an online database of public and paid-for private packages.
Node.js is a cross-platform, open-source back-end JavaScript runtime environment that uses the V8 engine to execute JavaScript code outside of a web browser.
That’s it for this article. If you faced any problems while installing reactjs on android, then leave a comment below. I will reply to you ASAP.
Related Links
and how now to open a project in acode through termux
Open the termux and click the left slidebar then click open then click plus icon in top right corner and then click add oath it will take you to your file manager from there click menu icon in top left corner then click termux and select your project
Nice thanks so much but you didn’t specify what we should use the text editor for
Thanks, You can download Acode code editor from play store and use it to edit the code