DEV Community

Shoaib Akhtar
Shoaib Akhtar

Posted on

Here's How you can create a React App on Android Device

Hey Everyone, This is my first community post hope you like it!

I started learning Web development without having a pc. I only have an android phone which helped me to find various ways doing Front-end web developement on Android.

First you need to Install Termux, 'Acode editor'(I am using Paid one) and 'Files' App for this.

open termux and run pkg update and pkg upgrade

Then, run pkg install nodejs. After installing successfully, run npm i -g create-react-app and after that npx create-react-app App-name it will take few minutes.

After installed open Acode Editor, open side-bar and click on add folder, on the top there is a plus sign click that, it will open a pop up with two input fields.

On the first field write projects and click on second field, it will open file manager so make sure to open with the 'Files' app. Open sidebar scroll down you will see Termux, Click on that there will be your react app folder, Now at the botom there is a button 'allow permission to....' like that click on that, and the react app directory will be openedin Acode editor, Your can navigate files within.

To run the app go to Termux and write command cd App-name and then npm start Your react project would be live in localhost!

Thanks for reading, if you encounter any problem let me know!

Top comments (23)

Collapse
 
fiik346 profile image
Taufik Nurhidayat

If you want run react perfectly in termux, install Ubuntu using Andronix.

Collapse
 
fiik346 profile image
Taufik Nurhidayat

I write the tutorial in my blog but Indonesian language Cara Install Distro Linux di Android

Collapse
 
korede456 profile image
Korede Thompson

How?

Collapse
 
blaccsnow001 profile image
UCHE

Thanks man.... Your article really helped me

Collapse
 
busoo profile image
jeanmarius666 • Edited

thank you very much, I used the same principle to create an application react native , but now imagine that I want to use Firebase, i have to do an npm command, where did i get it? after making cd App-name ?

Collapse
 
agingarichard profile image
agingaRichard

Hi. You can try opening multiple sessions on Termux by swiping from left to right starting from the edge of your screen.

Collapse
 
lionelrowe profile image
lionel-rowe • Edited

Nice post, Termux is awesome but I hadn't heard of Acode before. Let us know how you get on, look forward to seeing your project!

Collapse
 
shoa1bdev profile image
Shoaib Akhtar • Edited

Thank You so much! It means alot!
I have recently started learning ReactJS and made one project that is deployed on github you can check it out! It's totally made on An Android Device by me..πŸ˜…

here's the link: shoa1bdev.github.io/Todo-App/

Collapse
 
lionelrowe profile image
lionel-rowe

Cool! Are you hosting your source code on GitHub too or just the built versions for GH pages?

Thread Thread
 
shoa1bdev profile image
Shoaib Akhtar

it's just the build version, since m new, i have less knowledge about this, Lot of things confuses meπŸ˜… But i m trying..to get better

Collapse
 
electrowizard19 profile image
Electro Wizard

npm ERR! cb() never called!

How resolution?

Collapse
 
sr505505 profile image
sr505505

Thank you so much

Collapse
 
sr505505 profile image
sr505505

Very helpfull

Collapse
 
peterndomano profile image
Peter Ndomano • Edited

Thanks for this post

But I think You skipped something

you should run npm install -g create-react-app before you can use it via npx create-react-app

Collapse
 
shoa1bdev profile image
Shoaib Akhtar

Thanks for the suggest! i appreciate it! Well in my case when i ran npx create-react-app its asked to install it by typing 'Y'..that way it worked for me..but to help other i will use your suggestion. Thanks once again

Collapse
 
muzammilaalpha profile image
muzammilaalpha

Interesting

Collapse
 
shoa1bdev profile image
Shoaib Akhtar

Thanks You so much! It means alot!πŸ’•

Collapse
 
korede456 profile image
Korede Thompson

I followed the steps but whenever I tried to create a react app I get an error saying, " the operation is not permitted by your operating system". I also tried using vite but I still kept seeing same error. Pls what can I do about it

Collapse
 
tracygjg profile image
Tracy Gilmore • Edited

Hi Korede and welcome to the Dev.to community.
Please take a moment to write a brief bio as it really helps people reading your comments to understand your perspective.
Kind regards Tracy

Collapse
 
vickyjay_media profile image
Victor Jayeoba

I tried this but my react app is showing blank page

Collapse
 
matjones profile image
Mat Jones • Edited

y tho

Collapse
 
shoa1bdev profile image
Shoaib Akhtar

You see not everyone can afford a pcπŸ™ƒ

Collapse
 
kingusang profile image
KingUsang

Files app is not available for Android 7, so i managed setting up an ssh server in termux and view the files in Acode, is there a better alternative?