React native windows installation
ฝัง
- เผยแพร่เมื่อ 24 มิ.ย. 2023
- 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... - วิทยาศาสตร์และเทคโนโลยี
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! 🙌🎉
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! 🤩
If you don't see a tools folder ; goto sdk manager -> uncheck hide obsolete files -> check sdk tools folder -> apply changes
thanks man
@@anotherdeadguy Where is sdk manager
same question ... im getting build-tools and cmdline-tools folder
@@ganeshmaharna2909
worked for me.
Thanks bro
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 :)
i was stucked in the installation for so long but right away it went on for the perfection being installation done!
A very well-explained recommended tutorial for the beginners in React Native
This video has helped me alot, Thank you Sir your work earned you a Subscriber, keep up the quality work
Very helpful overcoming configuration to react-native build constraints. Thank you for guidance and support.
Hi I am getting blank screen for my android virtual device even though the build is successful. Any idea about it
My maaan, this couldn' t get explained more thoroughly. loved it
Thanks 😁
Thanks buddy 💚,
Grateful to you Hashnode!🤝
15:06 The android emulator is actually on, you have to press the power button for it to come on.
videos are really good,,, top notch.. but you should be adding the links for downloading the tools in the description. a humble a request
Simple, straight forward and works... thank alot
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?
Try npm install -g expo-cli
worked for me and I am on Windows 11 Pro (after react native cli was already installed)
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 ?
If you want to get internship so go ahead with windows
Thanks for sharing, excellent course👌
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
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
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
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
That is not jdk 11🙄
@@harshdeep7015thanks for flagging i changed
@@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😭
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.
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.
Much needed video thanks ❤
I dont see the tools folder on my android studio sdk folder. I already installed the required packages
For those who don't see tools directory in sdk manager untick obsolete package and download skd tools you will now see that directory
hey where can i find the untick obsolete package
@@shaaniscoding in android studio
Yeah it worked for me
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 .
much needed video🙌🏻
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
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
There is problem when using react-native-reanimated package app crashes when click on debug in devmenu 😢
There is no tools folder in ...\AppData\Local\Android\Sdk\
In view of file manager click on the option of hidden files
@@aayushbalip1925 still the tool folder is missing
Here too
There are 2 types of tools are available build -tools and cmdline -tools so which one we need to choose
We need 2 things only, SDK and plateform-tools that's it. Use real device instead of emulator.
Sir i am having a problem. Cannot start server in new window because no terminal app was specified
There are also some errors on mac. When we run an ios emulator on mac.
What was inside the app folder on your desktop used at 15:05
Im not able to find tools and tools/bin folder?
same
Did you get the solution?
Please sir make some tutorial about react-native-navigation with new react native updates aka r-n 7.+
Do we need Ruby??
Because we create project then there is a file with .rb extension
Loved the Content 🎉
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?
Helpful every video sir🎉
I just wanted to know will android studio work fine with a 4gb ram laptop of 11 gen
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
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
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.
@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
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
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."
Fresher aaye to kam kam se kam pura step by step btna chiye na
Can not see any tools folder here so how is path for tools added?
same querry of mine
is it important to save sdk packages in c drive ? can we install in D drive
How to run an ios? It is not working for me. Can you explain about that also?
finally with windows👏
I tried installing and running android studio in my pop os (ubantu) it's giving "android studio is not responding".
Unable to load script Make you sure you are either running Metro or that your bundle index.android.bundle is packaged correctly for releae
what is the app folder you went in.
where we can find it.
i am stuck
can someone reply on this??
Does it matter if we run android studio hedgehog or flamingo?
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'?
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]
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
I'm facing an error when I give command in cmd "npx react-native init newapp"
How can i solve this?
i have iphone and a windows computer how i would i check? please help me out
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?
Thank for sharing!
Failed to install the app. Looks like your Android environment is not properly set
C:\Program Files\Java\jdk-21 this environment user variable is correct
bro i have using Ubuntu 22.01 ,can you create a video to setup in ubuntu,there no good video for it
sir how to connect android studio or emulator with infinix hot 10 device sir please tell me
Getting 'cannot find module wcwidth' while creating new react native app, please do let me know if anyone knows solution for this
pls make animation video in react native cli if possible pls make a app with complete fullstack using firebasse
Will this work if I am using windows and iphone?
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...
Use npm run start
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
Thanks man. I had same error that went away with force run npm installation.
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
oooh, ive managed to handle it... but thanks still
have you got any solution?
@@luyandondila7496 Remove other version and install this version HAXM v7.6.5, the issue will resolve.
how did you manage to do ? HAXM
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.
create npm folder inside C:\Users\agane\AppData\Roaming , it worked for me
Sir there is no tool named folder in my SDK folder what should i do
did you find a solution?
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.
Anybody who is facing error of java 11 just uninstall it and install java 17 from the same source , update environment and you will be fine.
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?
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
How did you add app folder on desktop?
had similar problem , then asked AI then:
You can use the %USERPROFILE% environment variable to navigate to your user directory without typing the full path. Try the following command in Command Prompt : cd %USERPROFILE%\Desktop
and then you
Command Prompt :
npm install -g react-native-cli
react-native init app
cd app
what if I install a higher version of JAVA JDK
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
try this :
npx react-native run-android --terminal cmd
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
same issue...
Thank you so much
I am getting blank screen on my virtual Android device. Could anyone please help resolving it
Sir I already have jdk 17 so it is right or not
Same video needed for mac 😢
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?
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.
I'm getting the same error, can you explain in more detail how you solved it?
@@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 .
Still haven't figured it out guys.. can anyone help?
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."
You can use npm run start
* What went wrong:
Execution failed for task ':gradle-plugin:compileKotlin'.
> A failure occurred while executing org.jetbrains.kotlin.compilerRunner.GradleCompilerRunnerWithWorkers$GradleKotlinCompilerWorkAction
> Compilation error. See log for more details
i am facing this error
there is no "tool" and no "tool/bin" folder only "build-tools"
Did you got any solution for that
If yes, do share
@@moltengaming7773 it is in obsolete package of android studio
i am unable to install android emulator hypervisor could anyone say how to solve this issue
hi man, did you solve it?
can i use java jdk 17
you are saying java 11 but you download java 17
React native paper installation and configuring Video needed
Thank you sooooo much
what is the discord link?
I have a problem for create first project part
What is the discord link ?
i dont find any tools folder in my sdk directory
please tell installation in mac
Can't we use expo go?
Discord invite not working. Please share it again.
is jdk necessary for native