React native windows installation

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

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

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

Наука

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

24 июн 2023

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

Hey Hitesh, thank you so much for this amazing video! Your instructions were super clear and easy to follow. I followed along step by step, and guess what? It worked like a charm! I'm so excited to start building with React Native now. Keep up the awesome work, and thanks again for sharing your knowledge with us! 🙌🎉

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

If you don't see a tools folder ; goto sdk manager -> uncheck hide obsolete files -> check sdk tools folder -> apply changes

@anotherdeadguy 4 месяца назад

thanks man

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

@@anotherdeadguy Where is sdk manager

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

same question ... im getting build-tools and cmdline-tools folder @@ganeshmaharna2909

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

worked for me.

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

Thanks bro

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

Thank you so much for this amazing walkthrough installation tutorial! I recently started learning React Native, and your instructions have been incredibly helpful. I can clearly follow along with your guidance, and it has made a significant difference in my understanding. You're doing an excellent job, and I wanted to let you know that you've gained a new subscriber! Keep up the fantastic work! 🤩

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

Done with the most troublesome step in the React Native development series. Now, it feels like i'm definitely making some real progress. Moving forward to next video. Thanks Hitesh Sir for this free series :)

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

i was stucked in the installation for so long but right away it went on for the perfection being installation done!

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

A very well-explained recommended tutorial for the beginners in React Native

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

I dont see the tools folder on my android studio sdk folder. I already installed the required packages

@user-qi5jl5uj1j 7 месяцев назад

This video has helped me alot, Thank you Sir your work earned you a Subscriber, keep up the quality work

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

Very helpful overcoming configuration to react-native build constraints. Thank you for guidance and support.

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

Hi I am getting blank screen for my android virtual device even though the build is successful. Any idea about it

@entertainer-xyz7562 8 месяцев назад

Hi Hitesh, I am just having few queries , I don't have a good system to run android studio and all other software that needed to actually run RN apps , I am using just expo app to view my output on my mobile device , Am I in write path or not please confim

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

sir i didn't get the android folder in installation that cause this error -error Android project not found. Are you sure this is a React Native project? If your Android files are located in a non-standard location (e.g. not inside 'android' folder), consider setting `project.android.sourceDir` option to point to a new location.

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

15:06 The android emulator is actually on, you have to press the power button for it to come on.

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

There is problem when using react-native-reanimated package app crashes when click on debug in devmenu 😢

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

Sir there are 2 types of tools are available build -tools and cmdline -tools so which one I need to set in the environment variables path

@surjeetmandal7170 4 месяца назад

Sir i am having a problem. Cannot start server in new window because no terminal app was specified

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

Im not able to find tools and tools/bin folder?

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

same

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

Did you get the solution?

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

14:33 there is "Desktop\app is not recognized as an internal or external command, operable program or batch file." What should i do now and how to resolve this thing? Plz someone answer it

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

Do we need Ruby?? Because we create project then there is a file with .rb extension

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

Hello Sir, my installation shows that HAXM is deprecated. When I checked the documentation on GitHub, Intel was no longer maintaining it. Please what should I do?

@dr.jigneshmaheshwari5015 9 дней назад

Hi Hitesh.I am having issue with window installation. Showing me error for HAXM installation needed and ahowung error when I install. Virtual device disemt open without it. Plz help

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

I am not able to create react-native init Awesome01 on mt macOS Version 13.6.1, basically, it fails to start with npm run start or npm run android, some gem file issues are shown, cannot find the solution.

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

There is no tools folder in ...\AppData\Local\Android\Sdk\

@aayushbalip1925 4 месяца назад

In view of file manager click on the option of hidden files

@dnyaneshwarmore02 4 месяца назад

@@aayushbalip1925 still the tool folder is missing

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

Here too

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

There are 2 types of tools are available build -tools and cmdline -tools so which one we need to choose

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

We need 2 things only, SDK and plateform-tools that's it. Use real device instead of emulator.

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

0:15 Agenda 0:58 How Windows works 2:19 Installation list / What to install 3:05 Node.js INSTALLATION 3:54 Openlogic JDK INSTALLATION 7:50 Android Studio INSTALLATION

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

That is not jdk 11🙄

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

@@harshdeep7015thanks for flagging i changed

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

@@arjav7 but I have problem whether to install jdk 11 because it is mentioned in react native docs or latest jdk I am confused bro😭

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

Hey @harshdeep7015, try jdk 11 or 17; your gradle file will not work (use version 7 for gradle - it supports both 11 and 17 jdk). I also made the same mistake downloaded the 20th version, but I redownloaded it several times for older versions but worked in 17 and 11 and got my app to work.

@Nikhilkumar-eq5xi 5 месяцев назад

@Hitesh Choudhary sir I'm currently facing an issue with the android studio installation as in the process when in install type when you choose standard and proceed for sdk package download it is showing me an error as Android Emulator , Google APis intel x86_64 Atom system image and 3more SDk components were not installed if anyone knows the answer to resolve it please explain

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

I tried installing and running android studio in my pop os (ubantu) it's giving "android studio is not responding".

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

is it important to save sdk packages in c drive ? can we install in D drive

@shototodoroki4719 15 дней назад

I just wanted to know will android studio work fine with a 4gb ram laptop of 11 gen

@AnuragKumar-jf9tw 11 месяцев назад

Please I want to make big in cloud and I am an absolute beginner, 3rd year student. Can u suggest resources starting from scratch. Plz make a video on that. And I saw your cloud video that u posted one week ago

@sam-do5sm 7 месяцев назад

I'm getting this error while trying torun the react native app "(node:7128) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead."

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

Sir can you or anyone please suggest laptops in range of 40k-50k please sir if you can bring a video on it its much needed as the college is getting started .

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

There are also some errors on mac. When we run an ios emulator on mac.

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

videos are really good,,, top notch.. but you should be adding the links for downloading the tools in the description. a humble a request

@priyeshsinghal4962 3 дня назад

hello sir I do not find this path in the c drive C:\Users\shiva\AppData\Local\Android\Sdk\tools or C:\Users\shiva\AppData\Local\Android\Sdk\tools\bin

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

hey sir !! i have learned all the fundamentals of react native and can build decent apps now. I started getting little worries as i only have windows and android so i cannot test apps on IOS. i wanted to ask you is having Mac Os or ios necessary to get an internship ? will that be required ?

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

If you want to get internship so go ahead with windows

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

I'm facing an error when I give command in cmd "npx react-native init newapp" How can i solve this?

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

i have iphone and a windows computer how i would i check? please help me out

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

Does it matter if we run android studio hedgehog or flamingo?

@user-qs1ng9dj6k 3 месяца назад

How to run an ios? It is not working for me. Can you explain about that also?

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

My maaan, this couldn' t get explained more thoroughly. loved it

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

Thanks 😁

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

Invariant Violation: "AwesomeProject" has not been registered. This can happen if: * Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project. * A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called., js engine: hermes Getting this error

@AbdulroqeebLife20 4 месяца назад

Please I need help, my emulator is opening but is not displaying react native code, none of my code is showing, what can I do please?

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

if you got problem, 1st update the node in the current version and install the java 17 version and set the ANDROID_HOME and the JAVA_HOME path and the other sdk path properly. Remember java 17 version is the most compatible version with windows

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

Can not see any tools folder here so how is path for tools added?

@chinmayxd4794 4 месяца назад

same querry of mine

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

Getting 'cannot find module wcwidth' while creating new react native app, please do let me know if anyone knows solution for this

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

Simple, straight forward and works... thank alot

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

Hi Hitesh, thank you for the awesome videos, I have one question, can we install both React Native CLI and Expo CLI on windows 11?

@Oogabooga11249 4 месяца назад

Try npm install -g expo-cli worked for me and I am on Windows 11 Pro (after react native cli was already installed)

@akashhh0.0 4 месяца назад

For those who don't see tools directory in sdk manager untick obsolete package and download skd tools you will now see that directory

@shaaniscoding 4 месяца назад

hey where can i find the untick obsolete package

@akashhh0.0 4 месяца назад

@@shaaniscoding in android studio

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

Yeah it worked for me

@adityaraj-zm7zk 2 дня назад

Failed to install the app. Looks like your Android environment is not properly set

@philippemallari8077 4 месяца назад

Will this work if I am using windows and iphone?

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

sir how to connect android studio or emulator with infinix hot 10 device sir please tell me

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

What is the discord link ?

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

Thanks buddy 💚, Grateful to you Hashnode!🤝

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

Fresher aaye to kam kam se kam pura step by step btna chiye na

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

what is the discord link?

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

Much needed video thanks ❤

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

what if I install a higher version of JAVA JDK

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

is jdk necessary for native

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

I am getting blank screen on my virtual Android device. Could anyone please help resolving it

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

Unable to load script Make you sure you are either running Metro or that your bundle index.android.bundle is packaged correctly for releae

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

Sir can you explain behavior of JavaScript: e.g var a = [1,2,3,4]; var b=a; b[0]=2; if i console a and b both array are same question is why array 'a' is modified not only 'b'?

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

Because here you are not passing new value to var b= a, it is reference to var a that's why when changing b[0] = 2 is also changed the a[0]

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

You have to learn about deep copy vs shallow copy but in simple words I can tell you if two persons have same address in that case if you modify one person address it will automatically update second person address because both have same address ,so avoid this kind of things we have to give unique address to every array

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

Thanks for sharing, excellent course👌

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

Sir I already have jdk 17 so it is right or not

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

can i use java jdk 17

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

Can't we use expo go?

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

I'm having issues with this step: 3. Configure the ANDROID_HOME environment variable Finding the location is fine but were and how are you meant to create the variables.

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

what is the app folder you went in. where we can find it. i am stuck

@user-cq1cm6hw8d Месяц назад

can someone reply on this??

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

much needed video🙌🏻

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

bro i have using Ubuntu 22.01 ,can you create a video to setup in ubuntu,there no good video for it

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

I have a problem for create first project part

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

What if you have iPhone ?

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

yea, so i was trying to install the android studio, everything went well but for one thing, the HAXM was not installed, it failed and showed some error, ive tried the the lower versions of the same HAXM but its says the computer does not meet the requirements.. after downloading the latest version, it got installed but then when i try to create a virtual device, it say the HAXM id outdated i need to get a newer version.. what should do to solve this. thanks in advance

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

oooh, ive managed to handle it... but thanks still

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

have you got any solution? @@luyandondila7496 Remove other version and install this version HAXM v7.6.5, the issue will resolve.

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

how did you manage to do ? HAXM

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

i dont find any tools folder in my sdk directory

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

Please sir make some tutorial about react-native-navigation with new react native updates aka r-n 7.+

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

sir! while doing "c:\users\hp>cd desktop\app" 'System Cannot Find The Path Specified' was occuring. then i created an app folder on the desktop and the issue resolved but now i am confused how to perform the rest as there's nothing in the app folder and you did'nt show what to download or install there to perform the rest or may it is me confusing things. Can someone KINDLY REPLY and guide me on what should i do and how to resolve the issue?

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

hey i had the same problem if you still have an issue there's something you can try: so first see the video again and install all the packages that may not have and see u put all those in system environment variables . then open command prompt instead of the desktop command run 'dir' you will get everything and make sure to delete that empty app folder you have on your desktop it can create confusion in the future. and after dir command your computer will either show the react native template thing or may tell you to install a few things . just follow your computer after that.

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

I'm getting the same error, can you explain in more detail how you solved it?

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

@@yunusyusufaksu5672 I'll tell you what I did Mine is windows. First I checked the environment variables and installed all of them in the system 'Path' option. Then in the command prompt: write 'dir' it tells you if anything is missing from your computer that needs to be installed to run the command simply install those Or you might get the same response as the one in the video after ' dir ' command For the rest you can follow the video .

@tricksbyumer 4 месяца назад

Still haven't figured it out guys.. can anyone help?

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

please tell installation in mac

@user-kd2mg9nq2t 4 месяца назад

hi m8, it is fantastic until i get this error: Receiving this error : "error Cannot start server in new window because no terminal app was specified." what shall i do ? please help...

@visheshgupta4990 4 месяца назад

Use npm run start

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

finally with windows👏

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

Discord invite not working. Please share it again.

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

one thing I am not getting, why are we setting up XXXXX\xxxx\xxx\xxxx\tools while we find only 'cmdline-tools' and 'build-tools' inside the android\sdk\ directory, in fact there's no tools folder inside android\sdk directory.. Can any one plz answer this?

@user-ou3kx7hf4sx 2 месяца назад

untick sdk manager>sdka tools then untick hide obsolete packages you'll find sdk tools with obsolete marking download it and then go to you file the tools will be visible thanks me later

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

Helpful every video sir🎉

@aditya.g7517 7 месяцев назад

How do I fix this? while running npx command npm ERR! path C:\Users\agane\AppData\Roaming pm npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\agane\AppData\Roaming pm' npm ERR! enoent This is related to npm not being able to find a file.

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

create npm folder inside C:\Users\agane\AppData\Roaming , it worked for me

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

Loved the Content 🎉

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

Sir there is no tool named folder in my SDK folder what should i do

@dICKHEAD-qk3dr 5 дней назад

did you find a solution?

@s_5526 23 дня назад

pls make animation video in react native cli if possible pls make a app with complete fullstack using firebasse

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

Could someone can provide me discord server link ?

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

ive followed about 6-7 tutorials now but everytime i get this error: C:\Users iya0\AppData\Roaming pm ode_modules eact-native-cli\index.js:302 cli.init(root, projectName); TypeError: cli.init is not a function your video seemed the best, atleast i understood what we were doing in the setup, would be great help if you could point out why this keeps coming

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

Thank you so much

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

I downloaded java how can I install

@K.Huynh. 6 месяцев назад

Thank for sharing!

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

Tools folder missing

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

Still Sdk location not found

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

hello everyone, can someone guide me to the next step, I am facing problem in starting the server. Receiving this error : "error Cannot start server in new window because no terminal app was specified."

@visheshgupta4990 4 месяца назад

You can use npm run start

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

you are saying java 11 but you download java 17

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

Thanks for your video. To whom it may concern: Error occurred about no '\AppData\Roaming pm' path after I installed all things and run 'npx react-native init newapp'. Refer to another web solution, I run 'npm install -g expo-cli --force'. Then it works. seems that you need to force run the npm installation after installed the ADK. Install order: node jp, JDK, ADK, node jp again

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

Thanks man. I had same error that went away with force run npm installation.

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

Thankyou sir

@hemanshuchaurasia8556 4 месяца назад

After running this code npx react-native run-android I am facing this issue error :-Cannot start server in new window because no terminal app was specified 16:47