React Native 101: Building Your First App and Troubleshooting Common Issues

[@LorenzoJimenez]

Kudos for this rare video. There are many issues to face: upgrading to a higher React Native version, when Apple deprecates a version of IOS, 3rd party libraries not upgraded to a new react version or incompatible to a higher verion of ios or android

[@pademo57]

Absolutely love these videos. Finally someone who explains not only what is the best way to set this up but also what to look for or what to do when something goes wrong. Thank you and keep up the good work!

[@HiteshCodeLab]

Glad it was helpful!

[@mehdi2368]

for people who are facing problems setuping env i recommend you to start with expo and then after you learn react native you can solve your previous problems

[@relks8429]

For everyone that is having problems, do not use expo go under any circunstancies. It will bring you lot of more problems.

[@AnonymousBangali-r8p]

@@relks8429 No, you're wrong. React Native from now on suggests using Expo

[@NOT_TON_Fan]

React Native environment setup is damn difficult but finally I've done it in 2 hrs. Most of the issues were solved by setting the env variable.

[@HiteshCodeLab]

It’s definitely worth it

[@surajmaurya1515]

Can you Help me ? PLease

[@venkatchalam6385]

After long time I am waiting for your video for react native thank u

[@guddubhaiyathikanamirzapur4079]

Your videos are easily understandable...Even if I have to pay something for these kinds of lectures, I will happily do it.

[@shivtiwarii]

to those who are facing the issue with the final command that starts the preview on the device, try running "npm run start" in a separate terminal and then in another terminal run "npm run android"

[@samarththaker5051]

Thank you vey much. I could not figure out what to do.

[@vivekkushwaha9334]

Thanks, I have been struggling with the same error over more than two weeks.

[@Peterin]

how to bring the phones screen on the laptop? Anybody pls provide a solution for mac

[@devksingh9790]

android studio

[@virinchibalusani5726]

Thanks buddy💚 Great job Hashnode🤝

[@newyantra]

Successfully configured my android device for react native. Thank you so much, sir.

[@oseifrimponggg]

I just love the constant reassurances. I hope I am able to make it to the end of the series 😄!

[@B-NikhilRichhariya]

took me two days to install and run lol

[@WinNair-q6p]

Literally brother 😢😢

[@krishudevines3674]

Me too 😢😢

[@bhumit070]

sir how do you mirror phone on mac ?

[@rehandev7833]

After facing my first error in getting the Metro Server up and running, really excited to start writing code in React Native. Moving onto the next video :)

[@sumitram4132]

It's takes 3 months to setup using CLI process but finally did it.

[@shubhambahre9021]

The discord link is not working. It says "Privay error"

[@sohankumardash1109]

Hello Hitesh Sir, Please also make a video on how you set up your android studio. I found it hard to install it. My app is not running and its trying to download some libraries and then fails. Thanks

[@sreeshilck9525]

How to mirror the device to laptop? 6:44

[@mazzghul]

+1 did you find a solution ?

[@10bhavankumarv47]

Hi sir great video 👏 BTW, when I run "adb devices" it's not listing any devices. Also could you please explain how to mirror the output on our phone more elaborately on the next episode? Thanks in advance 😉

[@baanuaali2818]

Thank you very much, amazing course, the best i found, everything clear

[@SammarpanDasguptaOfficial]

Nice work sir.... Some struggle to setup but worth it... Excited for next video

[@khushsharma6470]

its been 3 days i couldn’t do it can you help me

[@techyguyaditya]

React native setup is nowadays very effortless if you use the Expo framework. Just install android-sdk, java, maybe xcode, that's it (much more effortless if you use apt commands in linux). It's as easy as scanning a qr code on mobile to run an application. You can always use expo snack if you don't want installation headaches temporarily.

[@srinibaskhuntia201]

Man, installing react native was such a pain in the ass.Finally was able to do it.

[@anirudhcodes]

awesome!

[@khushsharma6470]

bro i stiill cant ddo iit can you help me

[@krawl97ing]

What's the name of the VSCode theme that you are currenltly using? :)

[@azam2390]

"Noctis"

[@ahmedsstudio8924]

at 6.45 min how prepared the device?

[@pitamdas4882]

Finally it done. After 3 hours. Thank hitesh sir, also thanks chatGpt

[@khushsharma6470]

its been 3 days for me i coudlnt do it can you help me

[@pitamdas4882]

What type of problem

[@khushsharma6470]

@@pitamdas4882 What went wrong: Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'. > Could not determine the dependencies of null. > SDK location not found. Define a valid SDK location with an ANDROID_HOME environment variable or by setting the sdk.dir path in your project's local properties file at '/Users/khushsharma/awesome01/android/local.properties'.

[@techsonaniya8923]

Very good teaching skills

[@deepyadav6918]

How did he connected his phone device ?? I am not getting any configuration option on my android app

[@AnjaliYadav-p3h8y]

that term """adb --version""" is not recognized. Pls help in this....

[@narendermudgal]

do you have any video to run first app on iOS ?

[@kazitanim007]

FYI: run "npm" instead of "npx" and hopefully there will be no issues if all the settings are fine. - npm start - npm run android

[@weligamage1]

Thank you very much. This is really helpful.

[@_Blackwolf_01]

can i use expo

[@anirudhamahale1955]

How can I run the application using the debug button on vscode? and also add break points. can you make a video on that too 😅

[@asmakamaal1258]

Thank you so much Sir for this...😊🌼

[@EthicalRaja]

Thankuuuuuiu 🥺🥺🥺

[@lordmod9325]

For windows we can use global environment variables for sdk

[@RashiGoel-w6m]

Hi Hitesh Sir, can you please help with the solution for below error-- execution failed for checkdebugaarmetadata

[@SSC__CLASSES]

a note for those who build nowadays run npm start first and then run in another terminal npm run android and if there is a error then make a fresh install of android studio and jdk (i got issue with that)

[@Childrenworldfunny]

Great sir but kash ye course Hindi me hota ...😢😢

[@anubhavseet004]

Sir it took me a day to figure out and solve the errors, but at last i was able to build the app

[@siddharthabajpai4182]

love you sir ji....🙂🙂🙂🙂almost lost my calm starting the app. but you were right. make errors your friend. thank you sir

[@_nightfall_artist]

Actually i have a doubt I created an app during second video. can i code there or create a new one again?

[@LakshitAmeta]

I'm getting an error activity class does not exist I tried a lot but I'm not able to resolve it

[@niteshbisht31]

whoever not able to run their first app due to some error, run "npx react-native doctor" command it will check and tells you what is missing and how to fix.

[@anmoldwivedi9447]

when I am doing in cmd it's working but in visiual studio my node.js not open why?

[@The_Aesthetic_Developer]

why is your discord http and not https ?

[@AshishYadav_63]

Waiting for next video sir......I am also learning backend dev using node js and express hope mobile development and Web development don't mix-up just because I'm learning them both at same time 🙂

[@abdu5822]

What about using npx create-expo-app ? the diff and when to use one ?

[@soumyadeepsengupta530]

sir i everyday i check for the new video for the course . i am very much excited for the whole series

[@HiteshCodeLab]

Glad to hear that

[@sujalmudaliar3030]

how to mirror the andriod or ios phone screen? using the andriod studio API?

[@iqbalhussaincs9998]

Thank you sir ❤️

[@harshit2629]

❤thank you Sir

[@anshikgupta2993]

Hey can I get the discord channel link as I am facing issues while running the application android / ios emulator on a MAC computer.

[@nike101m]

HI bro, The option Select USB Configuration not shown in Onepluse 7t mobile.

[@frankbuzzz]

Hello Sir, When I continue using my app the app runs fine but when I don't use it for more than 5 minutes it slows down for a minute and then it seems to be running normally as before. I made my app react native. While its backend code is written in codeignitor4, the data from PHP and API is being fetched at the right time for viewing from postman, what is the problem, why is my app getting slow.

[@ashutoshchaurasiaco.543]

Could not open settings generic class cache for settings this happening with me

[@samuelasiabaka365]

I use a windows laptop and an iphone, anyway to use both?

[@codeBUG1534]

Sir mine npx react-native run-android is taking too much time to load. it's my very first time learning react-native. How can i resolve it Sir ?

[@yogitasingla6468]

i always get this error when opening in android studio - error Cannot start server in new window because no terminal app was specified. you just need to use npm start before run command in this case

[@NaveenKumar-jo6cv]

I can not find my device under the "adb devices" command. I also tried using emulator but it also gives me an error stating: Could not open settings generic class cache for settings file

[@Learntocode-balaji]

Hello sir...while running the app I'm getting error that unable to load script and some bundle related issue.. I have tried everything which I knew but the error didn't solve.

[@harshalsathe3946]

Dear Hitesh, I am a web designer and currently making websites in WordPress but I am facing so much problem in page loading speed and hacking attempts on WordPress website as its uses theme and plugins... I want to devolve a dynamic website which is fast in loading compare to WordPress easy to maintain .. and no need to update the code frequently ... What language or framework will you suggest me ..please guide me on this...

[@pasidurajapaksha8925]

your ssl cetificate has expired ,having a hard time getting the discord link,

[@piyush-singhania]

So far with you 💌 (will keep on posting this comment to track my progress)

[@HiteshCodeLab]

Keep it up

[@piyush-singhania]

@@HiteshCodeLab Thank you for the course sir

[@mridulbagla]

Please help, if you can:- When I am building the app with cmd (npx react-native run-android), there are multiple files start downloading, in which one of them is of 188mb in size and the download speed is very slow.

[@amirmule5333]

For first time it is lengthy process and taking more time. But later on it works fine. I am talking about windows platform.

[@HiteshCodeLab]

Thanks for helping

[@achyuthr9104]

can anyone help like how to cast my mobile screen on pc??

[@Shubham_Karne]

how can you create android device for running that I am confused please help me

[@riteshhans15]

facing an issue > BUG! exception in phase 'semantic analysis' in source unit '_BuildScript_' Unsupported class file major version 66

[@MrTarang1]

Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'. > Could not determine the dependencies of null. > Cannot query the value of this provider because it has no value available. can you tell me issue when i runing android on mac this error comes @hitesh

[@Saka.D]

i cannot connect my ios physically to the vscode instead of android. please help!

[@Rdx_rahul04]

Where is the today's video ?

[@HiteshCodeLab]

It will be available tomorrow

[@shakyaji563]

Hi i have used a company laptop. So we didn't install adb driver. Now what i do for run first program

[@shirakuyanai4095]

Lol my freshly downloaded code shows a bunch of errors to the point the editor turns totally red but still runs. What gives?

[@alakhkaler664]

there is not set up video for the mac

[@mdmasudurrahman851]

how can i add devices ?

[@muhammadbilal-sd9kf]

Can you share the Discord Server link the given link is not working

[@HiteshCodeLab]

hitesh.ai/discord

[@manavdobariya9755]

I shifted to react-native CLI, since last two days,more than two hours each day spent in installation process...I got bunch of error while the same process but at the End "BUILD SUCCESSFULL" and satisfaction too...🎉☕

[@sahilverma_dev]

I am using expo client. So will it be ok to continue or should I install React Native this way?

[@HiteshCodeLab]

I will use CLI in course, rest is your choice 🙂

[@alimosbah]

Let's start this experiment together

[@faisalrahman418]

I have installed and learned angular in vscode. is there any problem in installing react also in the vscode.? or should i need to install locally instead of global ?

[@anirudhcodes]

There will be no problem I believe

[@guptapandiri]

Hey, you don't need to install react or react native globally, you can use the npx command like npx create-react app or npx react-native init, which fetches the latest version. Anyway even if you install it globally, it won't be a problem.

[@codewithroman8180]

Finaly i also solve problem from ur tutorial i love from pakistan

[@dhairyashgupta]

Sir, do I need to use another android phone or can I use my regular android phone for learning react native? and thank you so much for the amazing series.

[@rohankumartalreja]

You can use your regular phone.

[@HiteshCodeLab]

Your regular phone is fine

[@chasedonovan8937]

@@HiteshCodeLab what if i have iphone and not android?

[@unstoppable-ayush]

error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`.

[@HiteshCodeLab]

Try our discord server, folks are very kind and helpful there. We will surely help you

[@unstoppable-ayush]

@@HiteshCodeLab thanks u sir 😄 Now problem solved, helpful peoples

[@AliZoid-v7k]

Couldn't connect with discord channel need help please

[@ajith2796]

9:42 Thanks 👍

[@sagz83]

All worked fine but the app keeps crashing on opening in emulator as well as phone , can some one help

[@ujjawalrachhoya8972]

when i cun npm run android it takes lots of time around 15-20 mint but at the end it simple running not loading the app any solution

[@lighteningbladegaming715]

Sir , when the next video will be out , eagerly waiting for that 🥺

[@HiteshCodeLab]

Today, it’s already up for premier

[@rv-web]

Hi, Could you help me the guide to setup environment on macOS? I followed the documentation but getting many errors. Also it slowdown performance of my macOS. Using RN 0.71.6 version

[@madhu1591]

I am getting blank screen on virtual device even though the build is successful. Could anyone please help to resolve it

[@unknown6032]

Where is the 4th part of this series i am waiting for 1 day

[@HiteshCodeLab]

It will be available this week. Currently I am in Kerala

[@unknown6032]

@@HiteshCodeLab ok thanks

[@daggupativishal7078]

Plz help Iam facing an error of "could not open settings generic class cache for settings file react native"

[@ANKUSHJHA-mw7ni]

Same Error I am facing, how to resolve this?

[@100xcoding]

Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`. warn Please launch an emulator manually or connect a device. Otherwise app may fail to launch.

[@Coder_DhruvArora]

I think your device is not connect with pc properly

[@me_har]

to run app is Android SDK 12 is mandatory or Android SDK 13 will also work ? As Currently I am facing error Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'.

[@me_har]

thanks to you after adding path of adb in system variables I was able to run my first react native app.Thank you ❤❤

[@jokejungle-p1w]

very help full video

[@kousthubhyadavalli1077]

unable to join discord server

[@yt-1161]

for me it worked without needing to create "local.properties" file

[@sagar-ko3gb]

how to setup for iphone