How to install ReactJS on Android using termux
The most popular frontend JavaScript library is ReactJS. If you want to learn ReactJS, but do not have a computer.
Today I will show you how to install ReactJS in Android devices by using Termux.
Termux is an Android terminal emulator and Linux environment app that works directly with no rooting or setup required. Termux combines powerful terminal emulation with an extensive Linux package collection.
You might like
React Example
import React from 'react';import ReactDOM from 'react-dom';
function Hello(props) { return <h1>Hello World!</h1>;}
ReactDOM.render(<Hello />, document.getElementById('root'));
Before you start studying ReactJS, you should have a good knowledge of JavaScript (fundamental and ES6).
What is React?
React, sometimes referred to as a frontend JavaScript framework, is a JavaScript library created by Facebook.
React is a tool for building UI components.
How does React Work?
React creates a VIRTUAL DOM in memory. Instead of manipulating the browser's DOM directly, React creates a virtual DOM in memory, where it does all the necessary manipulating, before making the changes in the browser DOM.
React only changes what needs to be changed!
React finds out what changes have been made, and changes only what needs to be changed.
You will learn the various aspects of how React does this in the rest of this tutorial.
React Installation in Android
First: You need to install three apps from the Play Store.
Second: Open the Termux app, type apt update command and press Enter. Then, type apt upgrade -y command and press Enter. In this way, type all the following commands one by one and press Enter.
All Commands List:
- apt update command lets your system know which packages are available for upgrade, and where the software needs to be restored.
- apt upgrade -y can then act on this information and upgrade all installed packages to their latest versions.
- termux-setup-storage to allow Termux to access photos, media and files on your device.
- pkg install nodejs -y to install NodeJS on your device.
- node -v to check the version on NodeJS.
- npm -v to check the version of node package manager-npm.
- npx create-react-app my-app
- cd my-app
- npm start
npx create-react-app my-app |
npm start |
Third: Open the Material files, click on the left Icon bar then click on the Add storage and select Termux.
Fourth: Now, open Acode and click on Open folder. Then select path by click Add path.
Finally: You can learn ReactJS by visiting reactjs.org and https://www.w3schools.com/react/ website and Youtube.
Happy Hacking!