Тёмный
No video :(

React Native Tutorial #2 - Creating a React Native App 

Net Ninja
Подписаться 1,6 млн
Просмотров 421 тыс.
50% 1

Hey gang, in this React Native tutorial we'll talk about the different way to create aReact Native app, and use Expo to create ours. I'll also show you how to run the app on a real device & android emulator.
----------------------------------------
🐱‍💻 🐱‍💻 Course Links:
Course files - github.com/iam...
🐱‍💻 🐱‍💻 Other Related Courses:
+ Complete React Tutorial - • Complete React Tutoria...
+ React Hooks & Context Tutorial - • React Context & Hooks ...
+ Modern JavaScript Tutorial - • Modern JavaScript Tuto...

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

 

5 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 203   
@MrGreenpaulo
@MrGreenpaulo 4 года назад
What makes you the best, Shaun, is that you show and explain every single step (e.g. recording your phone to show expo client) - you don't assume or pass-by anything! Legend!
@NetNinja
@NetNinja 4 года назад
Thanks, I don't like to assume :)
@greenjd3700
@greenjd3700 3 года назад
@@NetNinja I can't get metro bundler to work in docker. whenever I go to localhost it says stuff like "This site can’t be reachedlocalhost. refused to connect."
@abdelaesus6678
@abdelaesus6678 3 года назад
except how to open that android emulator
@maycodes
@maycodes 2 года назад
Shaun is the best
@warrengaytero1682
@warrengaytero1682 2 года назад
this man is the G.O.A.T programming instructor.. makes everything clear and simple . God Bless to you teacher.
@adante407
@adante407 4 года назад
The Don of RU-vid.
@oyeibrahim
@oyeibrahim Месяц назад
I was procrastinating on watching this tutorial being that it's a bit old but after trying different current tutorials on RU-vid I'd to come back to this. And as expected you make it easy to understand. In other tutorials they were installing like 7 packages from the jump. That's wild for a beginner 😂
@DeveloVooshGWeb
@DeveloVooshGWeb 2 года назад
I'd recommend you to people who ask what tutorials to watch You explain everything super clearly and don't actually just tell people to copy this code and stuff
@Gamerfan2000
@Gamerfan2000 Год назад
Man I remember the first time I used Android Studio and how much of a resource hog that program is. Don't even think about installing it on a computer without an SSD. Thankfully, we will be using it only for previewing the app, I remember in college we had to develop apps using the Java programming language and I also remember that It was such a pain to run on my old laptop. Since then Android studio is the stuff that nightmares are made of. Also, I have been a long time subscriber of yours and like always you have a great series, your new series on creating SPAs using React is probably the best out there. Everything I learned about web development I basically have to thank you for.
@mkilphewer2425
@mkilphewer2425 2 года назад
I was so confused of how to start a react native project...other videos i watched on RU-vid too confused me because everyone were doing it differently.But your explanation is crystal clear brother at last i was thinking it will be nice if you just edit the text in app.js and show the changes in the virtual device and you did that too.Good explanation brother.Thank you so much.
@sivaanjaneya9360
@sivaanjaneya9360 4 года назад
Thank you so much for giving this installation and proper way of react native
@julianstorm7722
@julianstorm7722 3 года назад
Bit late to the party. Thanks for all your work. I accidentally initially installed the expo CLI via npm and after some research figured I better use yarn. I knew yarn is fast but 161 sec(npm) vs 43sec yarn is fair a bit. Would love to see you discussing different package managers one day. Cheers
@rajpatel8650
@rajpatel8650 2 года назад
npm start does not open in a browser. I tried the command W for open web and it still didn't work. How do I fix this?
@trantrungnghia9642
@trantrungnghia9642 7 месяцев назад
I now have this problem too. SOS
@dimasmfth
@dimasmfth 4 года назад
No, sir! The first thing to do is Fall in Love! :D
@kitaabehijran7045
@kitaabehijran7045 2 года назад
Another why i come to your tutorials is your wholesome accent..
@kkkl7400
@kkkl7400 4 года назад
What a Greatest Teacher !. Thank you for your video. It really helps to study React Native by myself : D
@okechukwuobi707
@okechukwuobi707 3 года назад
Always confident to code because of his content
@sameerdewan881
@sameerdewan881 4 месяца назад
what makes this extra potent is that kendrick isn't even trying to be aggressive yet
@FixDaily
@FixDaily 4 года назад
You are awesome, as you promised the best tutorial on youtube :)
@jaredlising-simplybrewedph
@jaredlising-simplybrewedph 4 года назад
hello guys!. glad to be here by the way. :) from the installation process i've encountered an error when running the created project - myproject. it seems that though i inititally installed the expo using NPM globally, the project seems still lacking the expo module that is requiring installation of yarn to be able to properly install the expo module. with that, ive installed the expo module properly using yarn. and the rest of the procedure is as it is. :) thank you!
@jonathanletchford1714
@jonathanletchford1714 4 года назад
I'm getting that error too!
@Fullflexno
@Fullflexno 4 года назад
Man, you are so through! Love your stuff! Cheers from Norway
@Toussaintiradukunda
@Toussaintiradukunda 4 месяца назад
please we need an updated course of this one
@gyenabubakar
@gyenabubakar 4 года назад
You know what, I don't know what to say. Bringing up this course... You're the best Shaun. That's all I can say. ✌️💥
@NaveenKumarasinghe
@NaveenKumarasinghe 3 года назад
I don't skip ads. That's the only way I can help Ninja.
@NetNinja
@NetNinja 3 года назад
Thanks so much, really appreciate it :)
@shengzhan4631
@shengzhan4631 3 года назад
7:06 Oh, u even have a game boy ; )
@aimach413
@aimach413 8 месяцев назад
Thank you for your tutorials ! It's so clear !
@NetNinja
@NetNinja 8 месяцев назад
Glad to hear that :) thanks for watching
@tomatomath3465
@tomatomath3465 2 года назад
why i can't go to metro bundler? instead it is giving me a blank page "Open up App.js to start working on your app!"
@matthewbeardsley7004
@matthewbeardsley7004 2 года назад
Ahh, setup seems complicated! Excited to start React Native, but wondering if I should finish flutter first...
@hooiyan6040
@hooiyan6040 4 года назад
This is what I'm waiting for!! **ps: Opps, the title has some typo... Hope you will notice it soon!
@NetNinja
@NetNinja 4 года назад
Haha yeah, thanks. Will fix it now :)
@nour-eddineoumakhlouf5296
@nour-eddineoumakhlouf5296 4 года назад
Siplicity always pays! Simply the best !
@suzunome47
@suzunome47 4 года назад
Android Studio emulator is a nightmare to run when you're using a PC with an AMD processor. Tried every resource I could find on Google and I'm still not able to make it work on my computer. I have no choice but to use my old phone for now.
@osamagamal495
@osamagamal495 4 года назад
if you're on a mac, don't forget to include sudo before installing expo. sudo npm install expo-cli --global
@techstacker5361
@techstacker5361 4 года назад
I love your content, but I'm a bit bummed out because when I found this series thought this was going to be one of those rare React Native tutorials that don't use Expo. It seems that nobody wants to teach the official React Native CLI, I guess it must really suck to learn then? 😂 I personally need to learn _without_ Expo for specific project-related reasons. Do you happen to know some good resources for that besides the official docs?
@sergiyrudenko905
@sergiyrudenko905 4 года назад
Man i have the same problem, looking for course without EXPO!
@techstacker5361
@techstacker5361 4 года назад
​@@sergiyrudenko905 yeah, it's like there's no market for it, for some reason, but there should be. None of the devs I've talked to would use Expo in a real client project (which surprises me a bit, but I guess there's a reason). If the React Native developers I've talked to are correct, Expo is useful if you need to build a small app quickly, or but not if you need custom functionality or real native code (Java, Swift) in your app.
@SmartWizzard
@SmartWizzard 4 года назад
You can check this pro.academind.com/courses/react-native-the-practical-guide-2020/lectures/13929460
@vladislavstratan4912
@vladislavstratan4912 4 года назад
@@SmartWizzard it uses Expo too
@vladislavstratan4912
@vladislavstratan4912 4 года назад
@@sergiyrudenko905 ​ Have you found some course without Expo?
@WarVic
@WarVic 4 года назад
Please select firebase for the database in this course :) Thanks
@cecon3315
@cecon3315 3 года назад
nice content, a huge thanks from Brazil !
@olaoluwaadeyemo6939
@olaoluwaadeyemo6939 4 года назад
i loves your videos bro.... and just a suggestion.. please make another video, where you make a more advanced app with react native and all.. with more designs and things like that.. Thank You Shaeug
@olimbeknizomov8081
@olimbeknizomov8081 2 года назад
i always enjoy your videos thanks man
@ahmedhabeeb2499
@ahmedhabeeb2499 4 года назад
how easy to follow this thanks habibi
@sediqabdullahi2078
@sediqabdullahi2078 Год назад
Thank you so much Shaun God bless
@maycodes
@maycodes 2 года назад
Thank you shaun, You are the best !!
@shakilkhanprogrammer
@shakilkhanprogrammer 4 года назад
Does not work for me I faced this issue [09:05:28] Input is required, but Expo CLI is in non-interactive mode. --template: argument is required in non-interactive mode. Valid choices are: 'blank', 'blank (TypeScript)', 'tabs', 'minimal', 'minimal (TypeScript)' or any custom template (name of npm package).
@MrVisheshsingh
@MrVisheshsingh 4 года назад
stackoverflow.com/a/58616080
@okechukwuobi707
@okechukwuobi707 3 года назад
I love you stuff from Nigeria
@maritomesquita6719
@maritomesquita6719 4 года назад
i activated the notifications and after this i would do it twice if i could
@Equilibrier
@Equilibrier 3 года назад
super tutorial, congrats, thanks !!!
@Shmoji
@Shmoji 4 года назад
Could not get Expo to install and I tried on multiple computers, anyone else having issues or figured out how to fix them? There seems to be some packages in Expo that are corrupted. Also, sometimes the installation just stalls or errors with no sign of why
@Shmoji
@Shmoji 4 года назад
If you are having these issues and you use Windows, try using Windows Powershell instead of CMD. Run it as administrator too. That solved my issue.
@Fuzias88
@Fuzias88 4 года назад
@@Shmoji Thanks! That solved my problem
@lakshman587
@lakshman587 4 года назад
Same issue
@Fuzias88
@Fuzias88 4 года назад
@@lakshman587 install it using powershell as administrator..
@lakshman587
@lakshman587 4 года назад
@@Fuzias88 tried even that not able to download
@tonsantos21
@tonsantos21 4 года назад
Can I use genymotion for preview the app? Will it work like in the video or it will require some more configuration? Thanks for the content. I didn't know your channel, but I'm following this series right know and I am really enjoying. You're very clear and concise in your explanations. Thanks man!
@imbue1112
@imbue1112 4 года назад
if you're on Mac OS, you need to hit F1 & install the 'code .' command before you can use it
@cedrickvstheworld1810
@cedrickvstheworld1810 3 года назад
i like to learn english and speech from him
@ramprasath25
@ramprasath25 4 года назад
Much waited course.. kudos :)
@Shakespeare1612
@Shakespeare1612 4 года назад
I am getting a lot of "deprecated" warning when trying to install expo-cli. Is there a version somewhere that has cleaned up (updated) all of these errors?
@LumbreraEnMiCamino
@LumbreraEnMiCamino 4 года назад
same problem here!
@blazefirer
@blazefirer 4 года назад
I did some looking on the expo github issues and there is an issue for this here github.com/expo/expo-cli/issues/1659 . Basically one the big maintainers responded saying they have not had time to fix this yet and that all of the deprecated packages just deprecated so they will not cause issues just a few warnings. They are working on getting pull requests to fix now but it really should not cause any problems in your project.
@isaiahdaniel2522
@isaiahdaniel2522 4 года назад
@@blazefirer ....hello but mine is not even getting installed
@_.fmendes._2021
@_.fmendes._2021 4 года назад
@@isaiahdaniel2522 same here
@lakshman587
@lakshman587 4 года назад
Same issue i was going to start this session but i got disappointed 😢😢😢 same deprecated error when installed (npm i -global expo-cli) Anyone please help with this issue
@skverskk
@skverskk 3 года назад
Excellent tutorial
@NetNinja
@NetNinja 3 года назад
Thank you! 😃
@gopalmandloi6374
@gopalmandloi6374 3 года назад
Why we need to install expo on android emulator as well, ( i mean it is doing it automatically), but why it is needed , since it is a direct mobile emulator anyways. ? Thanks Shaun
@immanuelwandeto6481
@immanuelwandeto6481 3 года назад
The app runs ontop of the expo client app so it doesn't build native code in development.
@flamingoodness4923
@flamingoodness4923 Год назад
Hello! Excited to finally learn react native! I just have a quick question. This tutorial series is now 3 years old, I wanted to know, is this tutorial is outdated, or does everything here still apply in 2023?
@immense_dreamer
@immense_dreamer Год назад
it is a little outdated, for example expo doesn't recommend to install globally and such, still a good tutorial tho.
@flamingoodness4923
@flamingoodness4923 Год назад
@@immense_dreamer ah ok. Thanks!
@urazeem
@urazeem 3 года назад
Dear sir, What about low RAM Systems where We can't install Android Studio. In such case Can we create an app and do all the things which you have done in the next tutorials? Without installing Android Studio?
@youtubestar1525
@youtubestar1525 4 года назад
👍 Thanks mate for this course 👍
@eduardkoshkelyan8670
@eduardkoshkelyan8670 4 года назад
Great explanation
@armaansoni6906
@armaansoni6906 4 года назад
Your channel's great and all, but do you recommend any sources which teach react native via webstorm instead VS code?
@getrogo4474
@getrogo4474 4 года назад
'expo' is not recognized as an internal or external command, operable program or batch file. anyone help
@mauritzfunke280
@mauritzfunke280 4 года назад
Something went wrong when installing the expo cli. Check if NodeJS is installed and make sure you have ran npm correctly
@blazi_0
@blazi_0 3 года назад
same fucking issue here !!! i tried everything !!
@jezjeza1633
@jezjeza1633 4 года назад
thanks for your works man!
@malikojokorede7829
@malikojokorede7829 2 года назад
Thanks for this, but how do we set up the same environment for mac?
@eazlai
@eazlai 4 года назад
Does yarn vs npm matter? I've always been an npm guy. What's your opinion?
@imbue1112
@imbue1112 4 года назад
anyone else have issues when using "npm install expo-cli --global" on mac os?
@trulsmatiastorgersen
@trulsmatiastorgersen 4 года назад
imbue Yes, that command is for windows. Do “npm install -g expo-cli” instead :)
@prafulrane3591
@prafulrane3591 Год назад
What should I do next Can you make a pathway video to know how should we follow your playlist from your channel for every technology covered on your channel?
@peachleah_
@peachleah_ 3 года назад
My 'expo start' gives an error; Cannot determine which native SDK version your project uses because the module `expo` is not installed. Please install it with `yarn add expo` and try again. Can you help me please?
@mubeenjutt4397
@mubeenjutt4397 2 года назад
Hello dear! Can you plz tell me which color theme you used in your VS code
@armaansoni6906
@armaansoni6906 4 года назад
I just had one doubt, which option should I go for when i am choosing the virtual device on Android studio when i have one plus 3t(ik....i am planning to get a better phone).
@aftabamin8508
@aftabamin8508 3 года назад
Hello, I need a flat list with optimization for the contact list. could you create a video for this? I didn't find a single thing on this. I have tried all the given solutions on the internet and perform all the optimization.
@michelchaghoury870
@michelchaghoury870 3 года назад
can you make tuts about how to use galio framework with react native pleaseeee i always receive errors when tying to use Galio
@rosgarcia6999
@rosgarcia6999 4 года назад
Sir good day! Can you tell us how hard is it to switch from expo cli to react native cli. I do have a hard time figuring out what tutorial would I watch. Some says expo cli is good but do have many cons.
@tinvo5369
@tinvo5369 3 года назад
Hi bro, this is an awesome video but I can't autosave when I change my code, I must run on an android device so screen mobile can be changed, How can I fix it?
@eazlai
@eazlai 4 года назад
A lot of setup!
@verdientflash7308
@verdientflash7308 2 года назад
Dude i get an error in Android Studio while installing the virtual phone The Error is Install HAXM but when i install the HAXM it won't install
@harpreetmadaan6
@harpreetmadaan6 2 года назад
Hi Shaun, I am getting one error message while running REACT native app through expo cli on android emulator. Error - Couldn't adb reverse : device 'adb' not found. In my terminal window. After running. - npm start - press a
@smaug9833
@smaug9833 4 года назад
Expo is just for testing, right? Can you show how to bundle the app in apk or ipa and install it on android or iOS
@inhthainguyen1625
@inhthainguyen1625 4 года назад
How about using Android Studio ?
@jumbo999614
@jumbo999614 3 года назад
How big is Android Studio is? It started downloading tons of packages when I open Android Studio app. I couldn't finish the download process because the disk ran out of space. I guess I have to use phone app instead of the emulator. Is there Android Studio alternatives I can use for this tutorial?
@unknownman1
@unknownman1 4 года назад
hey shaun, just wanna know since we are using expo CLI so after downloading the github repo do we have to use npm install or expo install command??
@justyusaf
@justyusaf 4 года назад
You can use either one
@lonewolfcoding5208
@lonewolfcoding5208 3 года назад
so i can build native app using only node js on my computer and my mobile phone?
@programmingwithnit5308
@programmingwithnit5308 Год назад
Thank you
@alexzil2142
@alexzil2142 2 года назад
Are we getting a udemy course on react native in 2022??
@mouadhgnichi6199
@mouadhgnichi6199 4 года назад
expo open an error; Uncaught Error: java.net.SocketTimeoutException: failed to connect ... any help please !
@markoco3068
@markoco3068 3 года назад
I got the same error. have you already resolved it? pls help. thanks :D
@lakshman587
@lakshman587 4 года назад
i was going to start this session but i got disappointed 😢😢😢 deprecated error when installaing (npm i -global expo-cli) Anyone please help!
@lakshman587
@lakshman587 4 года назад
Tried 1.running powershell as administrator
@mehebbetcomerdli4602
@mehebbetcomerdli4602 4 года назад
running powershell as administrator then type Set-ExecutionPolicy Unrestricted ,Y
@lakshman587
@lakshman587 4 года назад
@@mehebbetcomerdli4602 tried even that not working 😭😭
@mehebbetcomerdli4602
@mehebbetcomerdli4602 4 года назад
Do you get request has been deprecated?
@lakshman587
@lakshman587 4 года назад
@@mehebbetcomerdli4602 s
@assemmohamed4424
@assemmohamed4424 3 года назад
my expo client (iOS) always get 'request timeout' error, it's not working. can I have help, please?
@giacomon5147
@giacomon5147 4 года назад
Do not have 'Pie' option at @9:29. I'm using ubuntu.
@NikhilAdiga
@NikhilAdiga 4 года назад
I'm getting this Error running adb:more than one device/emulator error and can't seem to get past it. :(
@vishumodi780
@vishumodi780 4 года назад
not able scan qr code by exploclint app or androide mobile qr code scanner
@talhasiddique5042
@talhasiddique5042 4 года назад
sir my app is not working in expo app there is something wrong but i dont know how to fix
@ashwinbordoloi
@ashwinbordoloi 4 года назад
Thank you!
@deepaking7
@deepaking7 2 года назад
Can we use VS code Instead of Android studio
@dho1115
@dho1115 3 года назад
So, after I did "npm install -g expo cli", I did "expo init myproject" on my visual studio code and this was the message I got this error: The file C:\Users\Owner\AppData\Roaming pm\expo.ps1 is not digitally signed. You cannot run this script on the current system. Not sure what I did wrong. What does it mean it is not "digitally signed"? Thanks.
@danishzamir1174
@danishzamir1174 3 года назад
I am facing the same Error. Did you found any solution?
@manishmothi73
@manishmothi73 4 года назад
Hi the net ninja when I try to go to "cd apps" it says there is no such file. How do I fix this. I am on Mac
@hafizvj7939
@hafizvj7939 3 года назад
I'm getting this error when i run "react-native run-android" __________________________________________________________ info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag. (node:8672) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency (Use `node --trace-warnings ...` to show where the warning was created) Jetifier found 967 file(s) to forward-jetify. Using 4 workers... info JS server already running. 'C:\Users\Hafiz' is not recognized as an internal or external command, operable program or batch file. info Launching emulator... 'C:\Users\Hafiz' is not recognized as an internal or external command, operable program or batch file. 'C:\Users\Hafiz' is not recognized as an internal or external command, operable program or batch file. 'C:\Users\Hafiz' is not recognized as an internal or external command, operable program or batch file. 'C:\Users\Hafiz' is not recognized as an internal or external command, operable program or batch file. error Failed to launch emulator. Reason: Emulator exited before boot.. warn Please launch an emulator manually or connect a device. Otherwise app may fail to launch. info Installing the app... FAILURE: Build failed with an exception. * What went wrong: Could not initialize class org.codehaus.groovy.runtime.InvokerHelper * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights. * Get more help at help.gradle.org BUILD FAILED in 1s error Failed to install the app. Make sure you have the Android development environment set up: reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details. Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 _____________________________________________________________________________________________________________ Please Help
@jackw.3978
@jackw.3978 Год назад
also android studio does not look and work this way anymore... all changed... :(
@isaiahdaniel2522
@isaiahdaniel2522 4 года назад
hey shuan gr8t video like always.......but am having trouble installing expo cli, i get an error saying it is deprecated
@lakshman587
@lakshman587 4 года назад
Same error
@onion_____
@onion_____ 4 года назад
thank you net ninja :)
@manoj-k
@manoj-k 2 года назад
🔥🔥🔥
@rubenarzoyan8287
@rubenarzoyan8287 4 года назад
i got an error when i click Run on Android device/emulator
@HarelTussi
@HarelTussi 4 года назад
Yessssssss
@manoj.k.m4302
@manoj.k.m4302 Год назад
Please help.metro bundler does not start
@BigMasterSameerAman
@BigMasterSameerAman Год назад
It's taking too long but not able to run on my iphone 14 max pro
@jayarammanikumar229
@jayarammanikumar229 4 года назад
can I install react packages in react native packages?
@adimtaruna8583
@adimtaruna8583 4 года назад
Finally
@ashish23081991
@ashish23081991 3 года назад
getting problems in installations..
Далее
React Native Tutorial  #3 - Views, Text & Styles
9:14
Просмотров 240 тыс.
Throwing Swords From My Blue Cybertruck
00:32
Просмотров 11 млн
From React to React Native in 12 Minutes
12:33
Просмотров 13 тыс.
React native windows installation
20:14
Просмотров 189 тыс.
Prisoner of Azkaban doesn't make any sense...
19:44
Просмотров 2,7 млн
State Managers Are Making Your Code Worse In React
13:33
React Native Tutorial  #4 - Using State
9:38
Просмотров 200 тыс.
Expo in 100 Seconds
2:39
Просмотров 570 тыс.
React Native Tutorial  #5 - Text Inputs
8:34
Просмотров 223 тыс.
Vite Crash Course | Faster Alternative To CRA
16:24
Просмотров 199 тыс.
Flutter Basic Training - 12 Minute Bootcamp
12:09
Просмотров 893 тыс.
Throwing Swords From My Blue Cybertruck
00:32
Просмотров 11 млн