How to install ReactJS on Android using termux

Install ReactJS on Android using termux - TechSheet

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

Termux, Material Files, Acode, Browser

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
npx create-react-app my-app

npm start
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!
Next Post Previous Post
No Comment
Add Comment
comment url