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

Ғылым және технология

Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
All the learning resources such as code files, documentations, articles and community discussions are available on our website:
chaicode.com/
You can find our discord link, github link etc on the above website.
Twitter/X link: x.com/hiteshdotcom
Discord link: hitesh.ai/discord
Learn React with 10 projects: • Let's learn react from...
Learn Docker: • A practical guide on D...
Learn Kubernetes: • Complete Kubernetes Co...
How does a browser works: • How does a browser wor...
How nodejs works: • How node JS works | En...
Learn Redux-toolkit: • Learn Redux Toolkit in...
Learn NextJS: • Nextjs Full stack course
Learn Typescript: • Why to learn Typescript
Learn Javascript: • Welcome to new JavaScr...
Learn React Native: • React Native Mastery: ...
Learn Zustand: • React state management...
Learn Golang: • How to get started wit...

Пікірлер: 219

  • @LorenzoJimenez
    @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
    @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!

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

    Glad it was helpful!

  • @guddubhaiyathikanamirzapur4079
    @guddubhaiyathikanamirzapur4079 Жыл бұрын

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

  • @venkatchalam6385
    @venkatchalam6385 Жыл бұрын

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

  • @oseifrimpongg
    @oseifrimpongg6 күн бұрын

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

  • @baanuaali2818
    @baanuaali28189 ай бұрын

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

  • @rehandev7833
    @rehandev78336 ай бұрын

    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 :)

  • @virinchibalusani5726
    @virinchibalusani57262 ай бұрын

    Thanks buddy💚 Great job Hashnode🤝

  • @weligamage1
    @weligamage1 Жыл бұрын

    Thank you very much. This is really helpful.

  • @asmakamaal1258
    @asmakamaal125811 ай бұрын

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

  • @siddharthabajpai4182
    @siddharthabajpai4182 Жыл бұрын

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

  • @AshishYadav_63
    @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 🙂

  • @mehdi2368
    @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

    @relks8429

    Жыл бұрын

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

  • @SammarpanDasguptaOfficial
    @SammarpanDasguptaOfficial Жыл бұрын

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

  • @khushsharma6470

    @khushsharma6470

    5 ай бұрын

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

  • @Peterin
    @Peterin Жыл бұрын

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

  • @kazitanim007
    @kazitanim0072 ай бұрын

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

  • @sumitram4132
    @sumitram413211 ай бұрын

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

  • @techsonaniya8923
    @techsonaniya8923 Жыл бұрын

    Very good teaching skills

  • @10bhavankumarv47
    @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 😉

  • @TON_NOT_Fan
    @TON_NOT_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.

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

    It’s definitely worth it

  • @surajmaurya1515

    @surajmaurya1515

    Жыл бұрын

    Can you Help me ? PLease

  • @NaveenKumar-jo6cv
    @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

  • @iqbalhussaincs9998
    @iqbalhussaincs9998 Жыл бұрын

    Thank you sir ❤️

  • @SSC__CLASSES
    @SSC__CLASSES11 күн бұрын

    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)

  • @harshit2629
    @harshit26294 ай бұрын

    ❤thank you Sir

  • @soumyadeepsengupta530
    @soumyadeepsengupta530 Жыл бұрын

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

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

    Glad to hear that

  • @EthicalRaja
    @EthicalRaja Жыл бұрын

    Thankuuuuuiu 🥺🥺🥺

  • @abdu5822
    @abdu5822 Жыл бұрын

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

  • @shubham_jha
    @shubham_jha Жыл бұрын

    Thanks!!

  • @nike101m
    @nike101m Жыл бұрын

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

  • @lordmod9325
    @lordmod9325 Жыл бұрын

    For windows we can use global environment variables for sdk

  • @sohankumardash1109
    @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

  • @pitamdas4882
    @pitamdas48825 ай бұрын

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

  • @khushsharma6470

    @khushsharma6470

    5 ай бұрын

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

  • @pitamdas4882

    @pitamdas4882

    5 ай бұрын

    What type of problem

  • @khushsharma6470

    @khushsharma6470

    5 ай бұрын

    @@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'.

  • @AnasSaleem-bd8vf
    @AnasSaleem-bd8vf3 ай бұрын

    very help full video

  • @anubhavseet004
    @anubhavseet00425 күн бұрын

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

  • @rv-web
    @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

  • @adityatiwari9027
    @adityatiwari9027 Жыл бұрын

    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.

  • @shivtiwarii
    @shivtiwarii6 ай бұрын

    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

    @samarththaker5051

    6 ай бұрын

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

  • @yogitasingla6468
    @yogitasingla64685 ай бұрын

    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

  • @bhumit070
    @bhumit070 Жыл бұрын

    sir how do you mirror phone on mac ?

  • @shakyaji563
    @shakyaji563 Жыл бұрын

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

  • @mazzghul
    @mazzghul5 ай бұрын

    Hi, What's the software which you used to mirror android mobile in Mac. its really cool. Anybody else who knows too, please help me. I really like how he can click the android device with mouse

  • @ujjawalrachhoya8972
    @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

  • @harshalsathe3946
    @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...

  • @shubhambahre9021
    @shubhambahre9021 Жыл бұрын

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

  • @narendermudgal
    @narendermudgal8 ай бұрын

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

  • @LakshitAmeta
    @LakshitAmeta11 ай бұрын

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

  • @Sarvesh_Coder
    @Sarvesh_Coder Жыл бұрын

    Great video sir !

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

    Thanks!

  • @frankbuzzz
    @frankbuzzz14 күн бұрын

    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.

  • @anshikgupta2993
    @anshikgupta29932 ай бұрын

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

  • @MrTarang1
    @MrTarang18 ай бұрын

    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

  • @codeBUG1534
    @codeBUG15347 ай бұрын

    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 ?

  • @alimosbah
    @alimosbah Жыл бұрын

    Let's start this experiment together

  • @manavdobariya9755
    @manavdobariya97555 ай бұрын

    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...🎉☕

  • @ajith2796
    @ajith2796 Жыл бұрын

    9:42 Thanks 👍

  • @sagar-tt4ub
    @sagar-tt4ub Жыл бұрын

    Great video. Fortunately for me, it ran on the first go

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

    Lucky you 😁

  • @srinibaskhuntia201
    @srinibaskhuntia201 Жыл бұрын

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

  • @anirudhcodes

    @anirudhcodes

    Жыл бұрын

    awesome!

  • @khushsharma6470

    @khushsharma6470

    5 ай бұрын

    bro i stiill cant ddo iit can you help me

  • @samuelasiabaka365
    @samuelasiabaka365 Жыл бұрын

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

  • @madhu1591
    @madhu15917 ай бұрын

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

  • @faisalrahman418
    @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

    @anirudhcodes

    Жыл бұрын

    There will be no problem I believe

  • @guptapandiri

    @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
    @codewithroman8180 Жыл бұрын

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

  • @krawl97ing
    @krawl97ing Жыл бұрын

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

  • @azam2390

    @azam2390

    Жыл бұрын

    "Noctis"

  • @elamandeep
    @elamandeep8 ай бұрын

    In Linux, React native setup is quite easy. I too faced one error while running npx react-native init command but it was easy fix😁😁

  • @vaibhav5783

    @vaibhav5783

    8 ай бұрын

    I am facing some issue, can you give resource you referred to.

  • @vikaswakde-dj2dw

    @vikaswakde-dj2dw

    5 ай бұрын

    linux users having ufair advantage

  • @ashutoshchaurasiaco.543
    @ashutoshchaurasiaco.5432 күн бұрын

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

  • @KIKII.K
    @KIKII.K6 ай бұрын

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

  • @ujjawalyadav7895
    @ujjawalyadav7895 Жыл бұрын

    I'm getting this error when I'm running npx run android Task :react-native-gradle-plugin:compileKotlin FAILED, can any one help me please

  • @khushsharma6470
    @khushsharma64705 ай бұрын

    iits been 3 days i coudnt do it . android device not setting up. 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 can anyone help me

  • @mridulbagla
    @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

    @amirmule5333

    Жыл бұрын

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

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

    Thanks for helping

  • @ravimahar5695
    @ravimahar5695 Жыл бұрын

    🙏

  • @mdmasudurrahman851
    @mdmasudurrahman851Ай бұрын

    how can i add devices ?

  • @achyuthr9104
    @achyuthr9104 Жыл бұрын

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

  • @sahilverma_dev
    @sahilverma_dev Жыл бұрын

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

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

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

  • @sagz83
    @sagz834 ай бұрын

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

  • @dhairyashgupta
    @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

    @rohankumartalreja

    Жыл бұрын

    You can use your regular phone.

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

    Your regular phone is fine

  • @chasedonovan8937

    @chasedonovan8937

    Жыл бұрын

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

  • @me_har
    @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

    @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 ❤❤

  • @piyush-singhania
    @piyush-singhania Жыл бұрын

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

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

    Keep it up

  • @piyush-singhania

    @piyush-singhania

    Жыл бұрын

    @@HiteshChoudharydotcom Thank you for the course sir

  • @yt-1161
    @yt-11612 ай бұрын

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

  • @alakhkaler664
    @alakhkaler6645 ай бұрын

    there is not set up video for the mac

  • @chidambarjoshi3470
    @chidambarjoshi3470 Жыл бұрын

    Could someone help me out with this error: Could not compile settings file 'E:\ReactNative\platform-tools\Projects\MobileApp01\android\settings.gradle'.

  • @ayushdabral4232

    @ayushdabral4232

    Жыл бұрын

    did you resolve it? I am facing the same issue.

  • @sagar-ko3gb
    @sagar-ko3gb9 ай бұрын

    how to setup for iphone

  • @daggupativishal7078
    @daggupativishal707810 ай бұрын

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

  • @ANKUSHJHA-mw7ni

    @ANKUSHJHA-mw7ni

    2 ай бұрын

    Same Error I am facing, how to resolve this?

  • @pasidurajapaksha8925
    @pasidurajapaksha89257 ай бұрын

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

  • @AmitKumar-id7fn
    @AmitKumar-id7fn10 ай бұрын

    > Task :app:compileDebugJavaWithJavac FAILED i am encountering this error while running npx react-native run-android

  • @The_Aesthetic_Developer
    @The_Aesthetic_Developer4 ай бұрын

    why is your discord http and not https ?

  • @gaganvishwakarma6494
    @gaganvishwakarma64944 ай бұрын

    I spent my whole day to solving 5:49 that error 🙂

  • @zuberustad9392
    @zuberustad939211 ай бұрын

    react native setup in ubuntu take me alsmot 4 hrs but its worthy now ;)

  • @AlishaJain14

    @AlishaJain14

    3 ай бұрын

    Do you have any blog on it?

  • @codingtodev
    @codingtodev Жыл бұрын

    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

    @Coder_DhruvArora

    Жыл бұрын

    I think your device is not connect with pc properly

  • @oldgangster4119
    @oldgangster4119 Жыл бұрын

    Error I got : A problem occurred evaluating project ':app'. > Failed to apply plugin 'com.android.internal.application'. > Android Gradle plugin requires Java 11 to run. You are currently using Java 1.8. Your current JDK is located in C:\Program Files\Java\jre1.8.0_311 You can try some of the following options: - changing the IDE settings. - changing the JAVA_HOME environment variable. - changing `org.gradle.java.home` in `gradle.properties`.

  • @naveenb4462

    @naveenb4462

    Жыл бұрын

    Upgrade the Java JDK version to 11

  • @unstoppable-ayush

    @unstoppable-ayush

    Жыл бұрын

    there is showing jre not jdk ,install latest jdk

  • @oldgangster4119

    @oldgangster4119

    Жыл бұрын

    Thanks, I upgraded the JDK and it works. Another mistake I did was SDK directory, I used one backlash \ instead of \\ two and therefore I was getting some kind of error.

  • @ikik790
    @ikik7905 ай бұрын

    iam unable to get adb --version

  • @lighteningbladegaming715
    @lighteningbladegaming715 Жыл бұрын

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

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

    Today, it’s already up for premier

  • @mma-dost
    @mma-dost Жыл бұрын

    It took me 2 days finally today I was able to run the app on android phone

  • @rahul_sidhha

    @rahul_sidhha

    Жыл бұрын

    Please help me ! I am facing the error: unknown command 'run-android'

  • @mma-dost

    @mma-dost

    Жыл бұрын

    @@rahul_sidhha what is the command you are running ?

  • @rahul_sidhha

    @rahul_sidhha

    Жыл бұрын

    @@mma-dost thank you for your reply .. now done 👍

  • @mma-dost

    @mma-dost

    Жыл бұрын

    @@rahul_sidhha great but can you share what was the issue?

  • @rahul_sidhha

    @rahul_sidhha

    Жыл бұрын

    @@mma-dost when I was run the command : npx react-native run-android It was showing - unknown command 'run-android'

  • @olyrajak449
    @olyrajak449 Жыл бұрын

    my device is ln linux what can i use in the place of sdk.dir

  • @akshaybansal2745

    @akshaybansal2745

    Жыл бұрын

    Just locate the android sdk in your linux system .

  • @unstoppable-ayush
    @unstoppable-ayush Жыл бұрын

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

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    Жыл бұрын

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

  • @unstoppable-ayush

    @unstoppable-ayush

    Жыл бұрын

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

  • @AtharvChaturvedi390
    @AtharvChaturvedi3906 ай бұрын

    Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'. > Could not determine the dependencies of null. > java.io.IOException: The filename, directory name, or volume label syntax is incorrect

  • @Wander_Lens

    @Wander_Lens

    4 ай бұрын

    Im getting same error from vscode terminal, can you tell me how you resolved it

  • @AtharvChaturvedi390

    @AtharvChaturvedi390

    4 ай бұрын

    @@Wander_Lensuse chatgot it will help you to resolve that enter the error there

  • @Coder_DhruvArora
    @Coder_DhruvAroraАй бұрын

    Nahi ho raha

  • @joelmathew716
    @joelmathew716 Жыл бұрын

    backEnd appWrite ?

  • @sreeshilck9525
    @sreeshilck9525 Жыл бұрын

    How to mirror the device to laptop? 6:44

  • @mazzghul

    @mazzghul

    5 ай бұрын

    +1 did you find a solution ?

  • @muhammadbilal-sd9kf
    @muhammadbilal-sd9kf11 ай бұрын

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

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    11 ай бұрын

    hitesh.ai/discord

  • @bestexplainer4831
    @bestexplainer48318 ай бұрын

    It will take 4 days finally I am able to run my first Hello world app on emulator.🎉🎉

  • @HiteshChoudharydotcom

    @HiteshChoudharydotcom

    8 ай бұрын

    Congratulations 🥂

  • @saksham_1612
    @saksham_1612 Жыл бұрын

    I am struggling to run it on my device since an hour or two and my brain is just f*ked. Please recommend me something which is more begginner friendly.

  • @user-vm3zc4bc7c
    @user-vm3zc4bc7c6 ай бұрын

    Couldn't connect with discord channel need help please

Келесі