Learn how to build large-scale React Native apps that you can add to your portfolio with ZTM's Complete React Native Developer course: links.zerotomastery.io/CompleteReactNative
This is undoubtedly the best tutorial on the internet for React Native! You taught at the perfect pace with all the necessary elements. A thousand thanks and kudos to your work!🖖🏾
this is gr8, I have been learning some I came from some of other vids, the react.js , Typescript, Python, CSS Tutorial. I have recommended your vids college student taking python. they were completely lost but after your vids they were on top of things. for the past 12-14 months I have skilling up , I have 25+ years development background mostly in C/C++, Java , SQL and J2EE/EJB/Servlet now with your vids and others I have learned additional skills mostly - Python - CSS - TypeScript/Angular/Javascript ( I had some previous experience nothing formal ) - React.js hopefully next year all of this will help me find a new job. unemployment doesn't pay that well. I did find that CSS was more difficult then expected.
thanks dave been waiting for this much love from africa .. got a job from learning from your videos...thanks for getting some of us who couldn't afford college employed
Your courses are very helpful, i hope you feel the same excitment that i feel when i see your courses, is a very beautiful cause share free complete courses,new suscriber!!
At 41:11, my splash screen is not showing. Also my default app.json is different, it has this section which I have edited with arguments from this tutorial: "plugins": [ "expo-router", [ "expo-splash-screen", { "image": "./assets/images/coffee-splash.png", "imageWidth": 200, "resizeMode": "cover", "backgroundColor": "#000000" } ] ], I have tried to comment out this section and copy what is on this tutorial but it still didn't work even if I reload or totally restart the application. It is only showing the "iced-coffee.png" and the text.
Thanks for the course Dave second one of yours I've followed, great stuff. In case it helps anyone, I was following the course using WSL in vscode and the expo app wouldn't connect unless using --tunnel. I reinstalled node and npm on windows and it's all good. ps. I can't find the repo for the proejct with your files Dave, am I being stupid?
I have created expo app like in video but when try to import image like in lesson 2 there is problem import icedCoffeeImg from "@/assets/images/iced-coffee.png" . But in my original project noramly import images from this directory. Does anybody know why and solution for problem?
@@KIFAYAT62 you can use Nativewind like Tailwind. ShadCN is working on making the components available with React Native and they may already be by now.
In case it helps anyone, I was having an issue where when I save a Todo on the EditScreen and it navigates to the home screen it wasn't fetching the newest Todos from storage again because the useEffect wasn't being triggered. Instead, putting the same callback and dependency list inside of useFocusEffect(useCallback(//the callback function), [data]) worked
Hello Dave, thanks for the tutorial. I'm watching lesson 2. The app.json on my side looks different from what you showed here. After changing the splash screen, it's funny that the coffee-icon showed up as the splash screen. To fix this, should I just copy and paste your app.json from your github repo? Thanks.
This could be due to a newer version of Expo if you installed the latest version. Instead of expo@latest, you could install expo@51.0.28 which is the version listed in my package.json in the course resources. That way you will have the exact version I used.
@@DaveGrayTeachesCode Hi Dave! Thanks for your reply. I tried this method but Expo Go indicated that it didn't support the 51.0.0 version. I'm trying to figure out how to achieve the same results using the latest version.
This great video but its not for beginner i tought.. i watch almost 1hours still didnt explain what (tabs) , +html +not-found for? coz latest structure folder so different in expo and this video just jump to navigation
i am stuck at 40:33 for like 4 hours now didn't cmnt before because i wanted to do it on my own but am feeling helpless now (its not showing splash screen but instead showing the icon I figured it out when I changed path written in icon) I don't know a single bit and want to learn please help me if you can.
You will only see the splash screen when viewing on your device with the Expo Go app. Do not expect to see it in the web version. If you are not seeing it with the Expo Go app preview, go back over the lesson steps provided.
@@DaveGrayTeachesCode i am using expo go on my device and i followed the steps too. Am still looking at it for solutions, do you think it might be a version problem? because only difference is that in my app.json there was a plugin being used instead of "splash" command
question for those who are using nativewind with react native expo. i am facing issue when sometime colors are applying on buttons, touchableopacity, somtime it doesn't. so the question is am i the only one facing this issue or you guys too are facing same issue. if there is any solution then please help me out.
hey so I was having an issue with the app.json...the splash property keeps using the icon image for the image to be used in the splash...I don't know how to fix that
I can only suggest to apply the splash property of the app.json as shown in this tutorial and in the current docs here: docs.expo.dev/versions/latest/config/app/#splash
@@Q-Productions23 Expo makes many things easier. At this point in the ecosystem most use it with React Native. I would not plan on building a project without it. That said, you learn a lot about react native and not just Expo in this course.
I'm having trouble with scanning the QR code in the Expo Go app. It just loads endlessly. I am connected to the same wi-fi on both devices, I've tried npx expo start --tunnel, I've restarted and reinstalled everything, checked the docs, and other tutorials. I cannot get it to work, please help :(
The tunnel flag is what has worked for me and it sounds like you have already tried that. Very difficult to diagnose what else may be the cause on your specific network and machine. Here are the debugging suggestions in the docs: docs.expo.dev/linking/ios-universal-links/#debugging
@DaveGrayTeachesCode Thank you for replying! The --tunnel flag worked for me too, the problem was I had to manually install ngrok, running 'npm i @expo/ngrok@4.1.0' first. Leaving this here in case anyone has the same issue
Hi bro, Should I choose the Complete React Native Bootcamp (with Hooks) or the Complete React Native Developer in 2025 [with Hooks] course at this time?
so i don't know but at this point should we learn React Native or flutter ? i'm just asking you cause there are lot of theory around youtubers . I only follow you and just learn what you say so i wanna hear from you should we learn React Native for getting job in 2025 please answer me Dave
As a UX designer who is new to coding, is there a reason all of this is so disjointed and convoluted? Just to set up a file structure for react native you have to visit about a dozen websites and find specific docs with specific commands and use a handful of different softwares just to start your build? In what world is that helpful or efficient? Why aren't the best practices the default all of thise requires a single permission grant so why not have a 1 click react native setup?
I am sorry but this is one of the worst courses you have ever made, I am at 2:14:00 right now I feel so frustrated I do not know what is the view the stack the stack.screen and what is the _layout and what is all of this and how to structure my application and what is the bridge and how does it work, what is all that imports! I expected much better than this dave sorry if my comment hurts but I love ur channel and I always recommend ur courses but this? no I ain't gonna recommend it to nobody
Learn how to build large-scale React Native apps that you can add to your portfolio with ZTM's Complete React Native Developer course: links.zerotomastery.io/CompleteReactNative
Wow wow wow! Dave thanks for the amazing work, you're a model for Us 🤍
@@fullstackspiderman I don't know. That is something you will probably need to contact ZTM directly about.
@@DaveGrayTeachesCode sure.
finally the course I been waiting for, many of other react-native course on this platform but I like the way you teach sir
I haven't PC.but I love this instructor.i am learning on papers. 📜 Being us developer.THANK YOU SO MUCH.
If nobody got me ,I know Dave got me. Appreciate it mate
This is undoubtedly the best tutorial on the internet for React Native! You taught at the perfect pace with all the necessary elements. A thousand thanks and kudos to your work!🖖🏾
@@RohitS-om5jy thank you for the kind words! 🙏
@@DaveGrayTeachesCode You deserve it sir.. thank you, looking forward for more such tutorials.
Hey I'm going to start this course. I have 2 yr experience with React & Next js. This course is based on the latest expo version right ?
@@Abhishekkumar-xd5lb Yes.. you might see some diff but pretty much on the track!
this is gr8, I have been learning some I came from some of other vids, the react.js , Typescript, Python, CSS Tutorial. I have recommended your vids college student taking python. they were completely lost but after your vids they were on top of things.
for the past 12-14 months I have skilling up , I have 25+ years development background mostly in C/C++, Java , SQL and J2EE/EJB/Servlet
now with your vids and others I have learned additional skills mostly
- Python
- CSS
- TypeScript/Angular/Javascript ( I had some previous experience nothing formal )
- React.js
hopefully next year all of this will help me find a new job. unemployment doesn't pay that well.
I did find that CSS was more difficult then expected.
@@dfields9511 Glad I have helped you! And thanks for sharing!
Just cancelled a course i was downloading, I've found the best one here
Awesome tutorial. Thank you Dave❤
Great tutorial! Thank you, Bro
You're welcome!
Wow. This is what i need right now. Thanks
Just the way i wanted wrapped up. Let's dive right in to it 🔥 🔥
Thank you for this awesome content!
You're welcome!
Pushing the algorithm ❤
Well done sir❤. Great course.
Thank you!
thanks dave been waiting for this much love from africa .. got a job from learning from your videos...thanks for getting some of us who couldn't afford college employed
@@riverwest360 You're welcome! I'm glad to hear about your success!
Your courses are very helpful, i hope you feel the same excitment that i feel when i see your courses, is a very beautiful cause share free complete courses,new suscriber!!
Glad you like them!
Well done, great tutoria. Thank you so much.
At 41:11, my splash screen is not showing. Also my default app.json is different, it has this section which I have edited with arguments from this tutorial:
"plugins": [
"expo-router",
[
"expo-splash-screen",
{
"image": "./assets/images/coffee-splash.png",
"imageWidth": 200,
"resizeMode": "cover",
"backgroundColor": "#000000"
}
]
],
I have tried to comment out this section and copy what is on this tutorial but it still didn't work even if I reload or totally restart the application. It is only showing the "iced-coffee.png" and the text.
Thank you dave
Thanks for this 🤲🤲🙏 I've been waiting it
Great video sir lovely video I am always stuck in redux and redux tool kit also we need new react js course 😅please with complex project
Hi Dave, in your video 1:19:23, how do you get the title on the tabBar beside the icon? Thank you.
Thank u 💚
nice mate thank you
Welcome!
Thanks
Best ever ❤❤❤
Thank you for this series , Also please add one Fullstack React Native Project
More React Native coming on my channel in the new year! 🙌
More grease to your elbow DAVE… I really appreciate this ❤
Please make a React JS full course Sir..
58:55 Stack routes
Thank you very much for the help. I struggled hard to set up everything, but now i'm ready. Like + Sub 👑👑
Glad I could help!
Thanks for the course Dave second one of yours I've followed, great stuff. In case it helps anyone, I was following the course using WSL in vscode and the expo app wouldn't connect unless using --tunnel. I reinstalled node and npm on windows and it's all good. ps. I can't find the repo for the proejct with your files Dave, am I being stupid?
In the video description, there is a link to the GitHub repository. It has a branch for each video chapter.
@@DaveGrayTeachesCode I can't find anything either!
Does this course include new React Native architecture?
I have created expo app like in video but when try to import image like in lesson 2 there is problem import icedCoffeeImg from "@/assets/images/iced-coffee.png" . But in my original project noramly import images from this directory. Does anybody know why and solution for problem?
thank you for introducing us to React Native. can we use tailwind css and shadcn in react native and its framework?
@@KIFAYAT62 you can use Nativewind like Tailwind. ShadCN is working on making the components available with React Native and they may already be by now.
yes its called nativewind
Thanks Dave. Can you do an updated React with Typescript crash course next video?
Good request! Might do this in the new year.
@DaveGrayTeachesCode thanks Dave
In case it helps anyone, I was having an issue where when I save a Todo on the EditScreen and it navigates to the home screen it wasn't fetching the newest Todos from storage again because the useEffect wasn't being triggered. Instead, putting the same callback and dependency list inside of useFocusEffect(useCallback(//the callback function), [data]) worked
I have learned the basics of JavaScript and React but haven’t practiced them enough. Do you recommend moving to React Native since it’s my goal?
@@xsaiki1557 you can. Keep practicing as you go.
Keep practicing and keep learning. Follow your motivation. If learning React Native motivates you, then this is the way.
Hello Dave, thanks for the tutorial. I'm watching lesson 2. The app.json on my side looks different from what you showed here. After changing the splash screen, it's funny that the coffee-icon showed up as the splash screen. To fix this, should I just copy and paste your app.json from your github repo? Thanks.
This could be due to a newer version of Expo if you installed the latest version. Instead of expo@latest, you could install expo@51.0.28 which is the version listed in my package.json in the course resources. That way you will have the exact version I used.
@@DaveGrayTeachesCode Hi Dave! Thanks for your reply. I tried this method but Expo Go indicated that it didn't support the 51.0.0 version. I'm trying to figure out how to achieve the same results using the latest version.
Can you make a video about react native setup and all installations and PC requirements
I cover the setup in the first chapter. I don't cover specific PC requirements, but it will run on any modern PC.
This great video but its not for beginner i tought.. i watch almost 1hours still didnt explain what (tabs) , +html +not-found for? coz latest structure folder so different in expo and this video just jump to navigation
By the end of the navigation lesson which is chapter 3, I have explained all of those things.
i am stuck at 40:33 for like 4 hours now didn't cmnt before because i wanted to do it on my own but am feeling helpless now (its not showing splash screen but instead showing the icon I figured it out when I changed path written in icon) I don't know a single bit and want to learn please help me if you can.
You will only see the splash screen when viewing on your device with the Expo Go app. Do not expect to see it in the web version. If you are not seeing it with the Expo Go app preview, go back over the lesson steps provided.
@@DaveGrayTeachesCode i am using expo go on my device and i followed the steps too. Am still looking at it for solutions, do you think it might be a version problem? because only difference is that in my app.json there was a plugin being used instead of "splash" command
@@DaveGrayTeachesCode "plugins": [
"expo-router",
[
"expo-splash-screen",
{
"image": "./assets/images/splash-icon.png",
"imageWidth": 200,
"resizeMode": "contain",
"backgroundColor": "#ffffff"
}
]
],
@@DaveGrayTeachesCode something like this i changed the path in it too but changes I make in it are getting overlooked
Prerequisites?
Listed near the beginning of the video.
THANKS! @@DaveGrayTeachesCode
thoughts on agentic IDEs like windsurf?
I like some AI assistance. They can help with repetitive tasks, regex, and more. I have currently been working with SuperMaven.
question for those who are using nativewind with react native expo. i am facing issue when sometime colors are applying on buttons, touchableopacity, somtime it doesn't. so the question is am i the only one facing this issue or you guys too are facing same issue. if there is any solution then please help me out.
I do face these kind of issues.
Hello Dave, I cannot find the assets or any other folder in your react-native repo, Can you please check or provide the link, Thank you.
@@nanisrinivas5981 You need to look in the branches. There is a branch for each chapter.
@DaveGrayTeachesCode I got it thanks Dave☺️
Got it, thank you Dave.
hey so I was having an issue with the app.json...the splash property keeps using the icon image for the image to be used in the splash...I don't know how to fix that
I can only suggest to apply the splash property of the app.json as shown in this tutorial and in the current docs here: docs.expo.dev/versions/latest/config/app/#splash
1:10:55
yessssss lesgooo
Sir can you please consider making a React Native course without a React Native framework?
@@Q-Productions23 Expo makes many things easier. At this point in the ecosystem most use it with React Native. I would not plan on building a project without it. That said, you learn a lot about react native and not just Expo in this course.
Can you please do a react 18 project based tutorial?
We are very close to a React 19 stable release. I do have a lot of videos on my channel that use React 18.
I'm having trouble with scanning the QR code in the Expo Go app. It just loads endlessly. I am connected to the same wi-fi on both devices, I've tried npx expo start --tunnel, I've restarted and reinstalled everything, checked the docs, and other tutorials. I cannot get it to work, please help :(
The tunnel flag is what has worked for me and it sounds like you have already tried that. Very difficult to diagnose what else may be the cause on your specific network and machine. Here are the debugging suggestions in the docs: docs.expo.dev/linking/ios-universal-links/#debugging
@DaveGrayTeachesCode Thank you for replying! The --tunnel flag worked for me too, the problem was I had to manually install ngrok, running 'npm i @expo/ngrok@4.1.0' first. Leaving this here in case anyone has the same issue
Hi bro, Should I choose the Complete React Native Bootcamp (with Hooks) or the Complete React Native Developer in 2025 [with Hooks] course at this time?
I think it's the same one. Search their site to be for sure.
so i don't know but at this point should we learn React Native or flutter ? i'm just asking you cause there are lot of theory around youtubers . I only follow you and just learn what you say so i wanna hear from you should we learn React Native for getting job in 2025 please answer me Dave
@@rifatmunna both are reasonable choices but I prefer react native. It lets me reuse what I already know about React.
Can't wait to consume this and get my hands dirty
As a UX designer who is new to coding, is there a reason all of this is so disjointed and convoluted? Just to set up a file structure for react native you have to visit about a dozen websites and find specific docs with specific commands and use a handful of different softwares just to start your build? In what world is that helpful or efficient? Why aren't the best practices the default all of thise requires a single permission grant so why not have a 1 click react native setup?
Hey boss, can we get a Stripe tutorial ? 🙏🙏
That may happen in the new year 😃
Where are the assets?
Follow the GitHub link in the video description. And then choose the branch for the chapter you are on.
@@DaveGrayTeachesCode Thanks for the answer, the tutorial is really amazing! :)
I am sorry but this is one of the worst courses you have ever made, I am at 2:14:00 right now I feel so frustrated I do not know what is the view the stack the stack.screen and what is the _layout and what is all of this and how to structure my application and what is the bridge and how does it work, what is all that imports!
I expected much better than this dave sorry if my comment hurts but I love ur channel and I always recommend ur courses but this? no I ain't gonna recommend it to nobody
This is sad that you are no longer love your audience. You are not active in UA-caming. Its hurt that you destroyed your impression
@@anirudh2660 not sure what planet you're on. I post twice per week.
What happened?
@@DaveGrayTeachesCodehe is from planet of doomdummmm