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

Подписаться 945 тыс.

Просмотров 162 тыс.

50% 1

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/hiteshdo...
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...

Опубликовано:

26 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 230

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

@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

@vivekkushwaha9334 25 дней назад

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

@venkatchalam6385 Год назад

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

@shivtiwarii 9 месяцев назад

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 9 месяцев назад

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

@Peterin Год назад

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

@devksingh9790 26 дней назад

android studio

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

@guddubhaiyathikanamirzapur4079 Год назад

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

@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

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

@B-NikhilRichhariya 4 месяца назад

took me two days to install and run lol

@oseifrimpongg 3 месяца назад

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

@rehandev7833 9 месяцев назад

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

@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

@sumitram4132 Год назад

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

@srinibaskhuntia201 Год назад

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

@anirudhcodes Год назад

awesome!

@khushsharma6470 8 месяцев назад

bro i stiill cant ddo iit can you help me

@baanuaali2818 Год назад

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

@siddharthabajpai4182 Год назад

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

@bhumit070 Год назад

sir how do you mirror phone on mac ?

@MrTarang1 11 месяцев назад

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

@virinchibalusani5726 5 месяцев назад

Thanks buddy💚 Great job Hashnode🤝

@SSC__CLASSES 3 месяца назад

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)

@mazzghul 8 месяцев назад

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

@riteshhans15 Месяц назад

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

@_nightfall_artist 23 дня назад

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

@shubhambahre9021 Год назад

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

@frankbuzzz 3 месяца назад

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.

@yogitasingla6468 8 месяцев назад

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

@lordmod9325 Год назад

For windows we can use global environment variables for sdk

@achyuthr9104 Год назад

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

@weligamage1 Год назад

Thank you very much. This is really helpful.

@sujalmudaliar3030 Месяц назад

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

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

@shirakuyanai4095 2 месяца назад

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

@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

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

@pitamdas4882 8 месяцев назад

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

@khushsharma6470 8 месяцев назад

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

@pitamdas4882 8 месяцев назад

What type of problem

@khushsharma6470 8 месяцев назад

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

@nike101m Год назад

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

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

@SammarpanDasguptaOfficial Год назад

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

@khushsharma6470 8 месяцев назад

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

@anubhavseet004 3 месяца назад

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

@manavdobariya9755 8 месяцев назад

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

@abdu5822 Год назад

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

@khushsharma6470 8 месяцев назад

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

@shakyaji563 Год назад

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

@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

@codeBUG1534 10 месяцев назад

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 ?

@_Blackwolf_01 11 месяцев назад

can i use expo

@ashutoshchaurasiaco.543 3 месяца назад

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

@sreeshilck9525 Год назад

How to mirror the device to laptop? 6:44

@mazzghul 8 месяцев назад

+1 did you find a solution ?

@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

@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

@anshikgupta2993 5 месяцев назад

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

@AmitKumar-id7fn Год назад

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

@madhu1591 10 месяцев назад

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

@asmakamaal1258 Год назад

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

@techsonaniya8923 Год назад

Very good teaching skills

@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

@KIKII.K 9 месяцев назад

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

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

@sagz83 7 месяцев назад

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

@krawl97ing Год назад

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

@azam2390 Год назад

"Noctis"

@kazitanim007 6 месяцев назад

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

@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

@ravimahar5695 Год назад

🙏

@LakshitAmeta Год назад

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

@narendermudgal 11 месяцев назад

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

@samuelasiabaka365 Год назад

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

@yt-1161 5 месяцев назад

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

@nikhilgaonkar1320 27 дней назад

npx react-native init MyNewProject is creating an empty folder with just .git folder in it

@elamandeep 11 месяцев назад

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 11 месяцев назад

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

@vikaswakde-dj2dw 9 месяцев назад

linux users having ufair advantage

@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

@pasidurajapaksha8925 10 месяцев назад

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

@Sarvesh_Coder Год назад

Great video sir !

@HiteshCodeLab Год назад

Thanks!

@chidambarjoshi3470 Год назад

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

@ayushdabral4232 Год назад

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

@alimosbah Год назад

Let's start this experiment together

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

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

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

@alakhkaler664 8 месяцев назад

there is not set up video for the mac

@EthicalRaja Год назад

Thankuuuuuiu 🥺🥺🥺

@iqbalhussaincs9998 Год назад

Thank you sir ❤️

@Rdx_rahul04 Год назад

Where is the today's video ?

@HiteshCodeLab Год назад

It will be available tomorrow

@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 Год назад

Upgrade the Java JDK version to 11

@unstoppable-ayush Год назад

there is showing jre not jdk ,install latest jdk

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

@daggupativishal7078 Год назад

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

@ANKUSHJHA-mw7ni 5 месяцев назад

Same Error I am facing, how to resolve this?

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