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
Tried to move to React Native last year, but having to work with the confusion that is React Navigation, coming from NextJs router, simply made me quit. A few months back, I've learned that Expo made their own file based router, and I was excited to give it a try, but couldn't find anywhere a video tutorial, and once again, as always, Dave came to the rescue!
I am a bit anxious about the part of moving files from the new directory (coffee) to (tabs) and so on. Can i stick with one place? As i feel i will be lost if i'm working on a project alone without Dave :\
Hi Dave, enjoying the React Native with Expo lessons so far. At 24 minutes you mention it should be possible to swipe back to the home page on a mobile device, unfortunately this was not possible on my iPhone 11 XR running latest iOS, would you (or anyone reading this) have any idea why this wasn't working for me?
I have no idea and don't have an iPhone 11 to test it on. Might be worth researching. I can swipe left quickly from the right side of my phone to go back.
This link way doesn't seem to work for me. I have buttons to move to another screen, but they don't work. However Tabs from expo-router does work. The issue here is that I want buttons on a single tsx screen and not a navbar.
I can only guess about your issue. First thing I would check is that my URLs are correct. Aside from that, just go back over each step and look at my source code on Github, too. The examples I show work.
Sir i know this video is not about React but when I should use useActionState and when useFormState because both of these hooks are use to handle forms in NextJs. I am so confused about that 😒
I show how the tabs work with the special directory and the syntax in this lesson. If you missed this step, I have created bookmarks in the video description so you can find the exact spot.
@@DaveGrayTeachesCode Your code: My code: I used yours, but didn't work. Everything you have inside the navigation folder is inside my components folder as I don't have the navigation folder. I added either of the 2, but neither cannot be found 1) import { TabBarIcon } from '@/components/TabBarIcon'; 2) import { TabBarIcon } from '@/components/navigation/TabBarIcon'; IconSymbol, "focused" is not recognized. What am I supposed to do?
update: i did it with the MaterialIcons even with the error (it should be something with ts version), just add name={focused ? "people.fill" : "people-outline"} and "people.fill": "people", "people-outline": "people-outline" in the const MAPPING object inside IconSymbols component
hello ! sir , i am CS Student from INDIA, I completed your HTML & CSS tutorials , i am not sure what to do next , can you tell what else do i have to do until i become professional at full stack development , it will be really helpful if you guide me through the way
I recommend learning Javascript because before moving to a framework or library, you have to learn basic programming, and then you learn Javascript DOM, functions, callbacks, and promises. now you can work with react for web front-end development and node js for backend development after you can learn to react native read medium blogs and tech news you have to be updated
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
I used React Native 5 years ago. But I'm still watching your tutorials. Because I respect you, Dave. Thanks for your contents.
Tried to move to React Native last year, but having to work with the confusion that is React Navigation, coming from NextJs router, simply made me quit. A few months back, I've learned that Expo made their own file based router, and I was excited to give it a try, but couldn't find anywhere a video tutorial, and once again, as always, Dave came to the rescue!
@@rubendacostaesilva8442 glad I could help!
and then, the plot twist came in, which is the file based router was INSPIRED by nextjs 😂
Same bro
Cheers Dave, appreciate the clear and easily understandable lessons!
Many thanks! AWESOME as usual!
Thanks a lot... Waiting for more...
More to come!
Great explanation! How do you have the tab bar show 100% of the time, even when pushing into a child screen?
I believe this is the chapter where I cover the tabs. It is how they are designed to work with the special tabs directory.
nice explanation !
Glad you liked it!
The goat🐐🔥🔥
Cheers Dave 🙏
I am a bit anxious about the part of moving files from the new directory (coffee) to (tabs) and so on. Can i stick with one place? As i feel i will be lost if i'm working on a project alone without Dave :\
You can stick with one place. I just moved them to give different examples.
Thanks a lot bor very helfull video
Great work ! @DaveGrayTeachesCode! However, would it be possible to upload the video sooner? Waiting an entire week feels quite long.
Sorry but that's the only schedule I can maintain with my other jobs and responsibilities.
Hi Dave, enjoying the React Native with Expo lessons so far. At 24 minutes you mention it should be possible to swipe back to the home page on a mobile device, unfortunately this was not possible on my iPhone 11 XR running latest iOS, would you (or anyone reading this) have any idea why this wasn't working for me?
I have no idea and don't have an iPhone 11 to test it on. Might be worth researching. I can swipe left quickly from the right side of my phone to go back.
Thank you!
You're welcome!
This link way doesn't seem to work for me. I have buttons to move to another screen, but they don't work. However Tabs from expo-router does work. The issue here is that I want buttons on a single tsx screen and not a navbar.
I can only guess about your issue. First thing I would check is that my URLs are correct. Aside from that, just go back over each step and look at my source code on Github, too. The examples I show work.
it would be great if you show us any open source auth library used with next.js and react native
It might be a bold step for a beginners series, but never say never. I'll see what I can do now - or possibly later :)
Will u wait now and teach the 0.76 version in the rest of the course?
@@gamingid9424 either works. We're learning the fundamentals here and they apply to both.
Sir i know this video is not about React but when I should use useActionState and when useFormState because both of these hooks are use to handle forms in NextJs. I am so confused about that 😒
They're the same. It used to be called useFormState, but they changed the name to useActionState.
My colors do not work as it is only one color both active and inactive. Can you show me how?
I do show how in the tutorial. If you miss a step, it is worth going back over the material.
at this point i'm confused should we learn React native or flutter ?
@@rifatmunna there are arguments for both. I recommend react native if you are familiar with React.
I do not have navigation and TabBarIcon. How to add it?
I show how the tabs work with the special directory and the syntax in this lesson. If you missed this step, I have created bookmarks in the video description so you can find the exact spot.
@@DaveGrayTeachesCode
Your code:
My code:
I used yours, but didn't work. Everything you have inside the navigation folder is inside my components folder as I don't have the navigation folder. I added either of the 2, but neither cannot be found
1) import { TabBarIcon } from '@/components/TabBarIcon';
2) import { TabBarIcon } from '@/components/navigation/TabBarIcon';
IconSymbol, "focused" is not recognized.
What am I supposed to do?
Same for me, and when I tried to use the MaterialIcons mapping at the same context the name property didnt allowed any icon with people...
update: i did it with the MaterialIcons even with the error (it should be something with ts version), just add name={focused ? "people.fill" : "people-outline"} and "people.fill": "people",
"people-outline": "people-outline" in the const MAPPING object inside IconSymbols component
but i couldnt find any outline house icon to do the same.
❤
Nice
hello ! sir , i am CS Student from INDIA, I completed your HTML & CSS tutorials , i am not sure what to do next , can you tell what else do i have to do until i become professional at full stack development , it will be really helpful if you guide me through the way
I recommend learning Javascript because before moving to a framework or library, you have to learn basic programming, and then you learn Javascript DOM, functions, callbacks, and promises.
now you can work with react for web front-end development and node js for backend development
after you can learn to react native read medium blogs and tech news you have to be updated
I link to my free web developer roadmap in the video description. It will point you in the right direction. 😃