This was explained in the most easy way possible. The docs are quite challenging even to someone who's been using the older version. I love your channel bro 🥂❊♨️🌟
Do you want to monetize on Admob? We have native templates for you. ✔️ We advise you on the Reskin mira️ look at our templates, very low cost. ua-cam.com/channels/iFXrb4vWHhwoq6PhEr0Uqw.html?view_as=subscriber
You are the most chilled person to listen to. Very, very helpful when one is trying to learn some pretty mind twisting stuff. Thank you so much for this vid and your content!!
I had lots of troubles to understand the react navigations but with this tutorial all clear for me. Thank you man. I really appreciated. Please continue to prepare another react native tutorials.
Do you want to monetize on Admob? We have native templates for you. ✔️ We advise you on the Reskin mira️ look at our templates, very low cost. ua-cam.com/channels/iFXrb4vWHhwoq6PhEr0Uqw.html?view_as=subscriber
This was FANTASTIC. Thank you! (: I'm just learning React / React Native for the first time and this was by far the clearest and most concise explainer for setting up React Navigation.
Hi Spencer. Thank you so much for this! 🙌🏼 I read the news on this new declarative API for React Navigation, and am glad to watch you trying it out. You're always on top of all things RN! 💯
Great video. Enough information to walk through the process without becoming drawn out too much. I'm just starting in React Native and this was the best video on nav and authorization I've found so far.
This video clear my doubts. The way you shows the problem and the solution, really makes it easy to understand. Thank you brother, Thank you so much. 💝
Being a newbie to React Native I would have ended up spending a week to figure this out. You saved me! Nice and clear code, also very comprehensive video.
Very Helpful, but when i try to split screens files (Sign In, Sign Up, Home, Profile,... etc.) i get error: Couldn't find a 'component' or 'children' prop for the screen 'X' this can happen if you passed 'undefined' how to solve that?
Sounds like an export/import issue. If you're using export default Component then import it "import Component from './Component'". Otherwise, if you'r exporting with "export const Component = ..." then you want to import with "import { Component } from './Component'"
Thanks, bro for the tutorial it was really great. I'm a React developer so the transition from react router to react navigation was easy with this tutorial.
Man, this tutorial is GREAT, I have been getting a lot of errors and stuff cuz I couldn't understand the other tutorials, Im really grateful for this, if it wasn't for you I believe I wouldn't have been able to solve the problems I had with my code, thanks bro.
I struggled with navigator for one week and after this one, I got some feeling! Thank you so much!! You should make more contents about React Native ( with Expo LOL)
@Carmin you can follow Spencer on Medium he has a lot of articles there, all of them are really interesting and also he has interesting course about React Native with Meteor.
These is helpful, much needed some explaination on v5 after its launched, thanks man... looking forward some example with hooks as well... Thank you! :)
Do you want to monetize on Admob? We have native templates for you. ✔️ We advise you on the Reskin mira️ look at our templates, very low cost. ua-cam.com/channels/iFXrb4vWHhwoq6PhEr0Uqw.html?view_as=subscriber
Hi, just started with react native. Appreciate your lessons! One thing I don't understand, the app needs an app.js to work, right? In your files there isn't such a file or an index.js. This is probably obvious, but I'm a newbie :D Where should I redirect my app.js?
@@learnedjellyfish I'm looking forward to resuming react native :D Work took me away, I'm dealing with more simple things so far, frontend for WordPress sites. But react native is awesome, I wish you the best!
This was one of the better tutorials on React Navigation that I've seen - thanks so much! Why did you put your screens inside a screens.js file in stead of each screen in its own .js file in a screens folder? Amateur asking here :)
You didnt add this To finalize installation of react-native-gesture-handler, add the following at the top (make sure it's at the top and there's nothing else before it) of your entry file, such as index.js or App.js:
Sure! What do you have in mind for testing on this front? Typically I just test on a per-screen basis, independent of navigation, and just mock navigation.
Handlebar Labs mocking the navigation is a good place to start! What's a clean way to mock the NavigationContainer and the navigation/route props inside a component that's not a screen.
is there a best practice on where the navigation container/stack code should go? For example in the root app.js file or does it make sense to create a separate navigation folder for all navigation? feel like i've seen navigation handled many different ways. Any insight is much appreciated!
Hi! Cool video! I have a short question - at the 20:05, 25:24 seconds (when screens appear and tabBarbottom appear) main content is jumping. Why does this happen? Drawer ? Navigation v5 very raw? Or something else? Thx!
Great tutorial. I have a question for you. I saw in your page some projects and catch my attention one of them that is the "Main Quiz", to see the videos i need to be premium? pay for watch it?
Want to learn more (at a slightly slower pace)? Check out my free class on React Navigation v5! www.reactnativeschool.com/master-react-navigation-v5
This was explained in the most easy way possible. The docs are quite challenging even to someone who's been using the older version. I love your channel bro 🥂❊♨️🌟
Best video about React Navigation on the internet, really grateful! Thanks man
Do you want to monetize on Admob? We have native templates for you. ✔️ We advise you on the Reskin mira️ look at our templates, very low cost.
ua-cam.com/channels/iFXrb4vWHhwoq6PhEr0Uqw.html?view_as=subscriber
You are the most chilled person to listen to. Very, very helpful when one is trying to learn some pretty mind twisting stuff. Thank you so much for this vid and your content!!
Thanks! I go into more details on React Navigation v5 here - www.reactnativeschool.com/master-react-navigation-v5
I had lots of troubles to understand the react navigations but with this tutorial all clear for me. Thank you man. I really appreciated. Please continue to prepare another react native tutorials.
Do you want to monetize on Admob? We have native templates for you. ✔️ We advise you on the Reskin mira️ look at our templates, very low cost.
ua-cam.com/channels/iFXrb4vWHhwoq6PhEr0Uqw.html?view_as=subscriber
This was FANTASTIC. Thank you! (: I'm just learning React / React Native for the first time and this was by far the clearest and most concise explainer for setting up React Navigation.
This helped me understand how to do authentication correctly in react-navigation 5, thanks
Hi Spencer. Thank you so much for this! 🙌🏼
I read the news on this new declarative API for React Navigation, and am glad to watch you trying it out.
You're always on top of all things RN! 💯
The best RN guy on internet! Thank you so much for your work!!!
This is honestly the best video explanation I have ever seen on UA-cam. Love it ⭐
Great video. Enough information to walk through the process without becoming drawn out too much. I'm just starting in React Native and this was the best video on nav and authorization I've found so far.
This video is great, I was able to understand the options you have available with react navigation and understand how it works.
I am just a beginner in React native. The way cover the topic that help me a lot. Thanks.
This video clear my doubts.
The way you shows the problem and the solution, really makes it easy to understand.
Thank you brother, Thank you so much. 💝
Being a newbie to React Native I would have ended up spending a week to figure this out. You saved me! Nice and clear code, also very comprehensive video.
Very Helpful, but when i try to split screens files (Sign In, Sign Up, Home, Profile,... etc.) i get error: Couldn't find a 'component' or 'children' prop for the screen 'X' this can happen if you passed 'undefined'
how to solve that?
Sounds like an export/import issue. If you're using export default Component then import it "import Component from './Component'". Otherwise, if you'r exporting with "export const Component = ..." then you want to import with "import { Component } from './Component'"
@@ReactNativeSchool thanks, that was the issue
Thanks, bro for the tutorial it was really great. I'm a React developer so the transition from react router to react navigation was easy with this tutorial.
Man, this tutorial is GREAT, I have been getting a lot of errors and stuff cuz I couldn't understand the other tutorials, Im really grateful for this, if it wasn't for you I believe I wouldn't have been able to solve the problems I had with my code, thanks bro.
This mini-course on React Navigation is AMAZING... really appreciate the video my man!!!
You are my hero. You saved my exam assignment. Thanks.
Haven't been working on mobile apps for a while, this is really helpful, I needed the recap.
You're not alone
I struggled with navigator for one week and after this one, I got some feeling! Thank you so much!! You should make more contents about React Native ( with Expo LOL)
@Carmin you can follow Spencer on Medium he has a lot of articles there, all of them are really interesting and also he has interesting course about React Native with Meteor.
Really useful the login flow. I'm new to react and I was struggling to do this part. Thank you very much
now react navigation is not complicated. Thanks for this tutorial.
This is the best video on react native
great job! thanks
Great piece of explanation dude.
This was so well explained. Thank you so much!
This is best video for create react navigator . I just to start learn react native
Thank you so much 😊🙏🙏
Very structured and planned out tutorial, despite being so long! You have earned yourself a subscriber!
You made me love react navigation version 5. The video was awesome
Thanks, this improved my understanding of react-navigation 5
These is helpful, much needed some explaination on v5 after its launched, thanks man... looking forward some example with hooks as well... Thank you! :)
Do you want to monetize on Admob? We have native templates for you. ✔️ We advise you on the Reskin mira️ look at our templates, very low cost.
ua-cam.com/channels/iFXrb4vWHhwoq6PhEr0Uqw.html?view_as=subscriber
Thank you so much, you made it so easy to understand.
Spencer is back!!!!! Love it and also love the react-native by example.
Glad to hear that!!
Excellent, Thank you very much for sharing.
excellent video, helped me to understand of new version of react navigation (v5) 👍🏻
one of the habit of programming channel is thy provide code in the description
Was looking for a good react navigation tutorial since yesterday. Thought that this video would do a little good. But it did a lot.
In case you have not been adequately informed, please consider this official notification that you are awesome.
Great video !! ...simple, crisp and to the point ....you made it look so easy :)
The video is awesome. This is a quick approach when I program
!
Que buen material!!, me ha servido mucho, ¡saludos desde Chile!
Thank you very much! You put me on the right path.
Thanks for the excellent demonstration with examples!
This tutorials helped a lot! Especially the authentication part! Good Job!!
Thanks a lot man. You are the best. Thanks for all of your tuts and articles on Medium.
Very good info, thanks! I hesitate to start learning RN or Flutter...I' ll try to RN
Very good! But what would authentication look like in the MySql database?
Hi, just started with react native. Appreciate your lessons!
One thing I don't understand, the app needs an app.js to work, right? In your files there isn't such a file or an index.js. This is probably obvious, but I'm a newbie :D
Where should I redirect my app.js?
Hi, how’s it going? I am about to start react native also. How’s it going with you?
@@learnedjellyfish I'm looking forward to resuming react native :D Work took me away, I'm dealing with more simple things so far, frontend for WordPress sites. But react native is awesome, I wish you the best!
Great tutorial! Though doesn't work as expected with v6 :( will there be v6 version of this example? thanks!
Nice tutorial Spencer! Btw, gotta ask what theme are you using?
NightOwl!
Great tutorial as always. Can you share you prettier/eslint configs on this project?
I'm using my custom config - eslint-config-handlebarlabs.
Thanks bro you save my life!
Can’t say thank you enough!! I Do appreciate your work ♥️
Good video, first thing. I have a doubt. Is it better to put the screens in a "js", or make a screen for each component? in a real app.
Excellent tutorial. Thank you.
super nice tutorial. Thanks
It’s a great video but I wish the code was updated because I got some errors when testing the linked repo. Maybe link a new video and project.
Thank you very much for this was a great help!
Woahh.
Helped me a lot , thanks buddy for this master piece
Thanx brother..Very good..You save my day
Amazing! Thanks for shared. 😁
ughh... its easy to learn, thank youuu so much 🙋♂️
You are God-sent. Thank you so much
so helpful ... keep this work up
thank you man, realy good lesson.
This was very helpful, thank youuuuu!!!!!!
Thanks bro love from India ...............................
Best explanation
This was one of the better tutorials on React Navigation that I've seen - thanks so much!
Why did you put your screens inside a screens.js file in stead of each screen in its own .js file in a screens folder? Amateur asking here :)
I tried to customize the screen to be a multiple screen. But failed for a week right now. If you know the way. Really appreciate it.
What do you mean?
@@delanick sorry. I try to seperate the screen by using multiple file.js.
@@asyrafroszaki8008 Did you import and export them all correctly? You can share your code with me and I'll have a look for you.
@@delanick basically i want to insert the page that I already design into this lecture code. I want to combine two code into one. Can i get your email
In your example, that signedin state is not persistant right? Can you make a video with persistant signedin state??
literally you are the man
Great Video. Do you have a tutorial with Firebase?
I use firebase in the chat example here: www.reactnativebyexample.com/
Thanks!! Very good explanation
Thanks! It was useful.
Do you have a video using this setup with firebase?
Auth stuff is at 18:17 if anyone came here just for that.
Great tutorial
You didnt add this
To finalize installation of react-native-gesture-handler, add the following at the top (make sure it's at the top and there's nothing else before it) of your entry file, such as index.js or App.js:
Really helpful, thank you very much.
Any chance there will be a video showing how to test components using RNV5 with Jest and React Native Testing Library?
Sure! What do you have in mind for testing on this front? Typically I just test on a per-screen basis, independent of navigation, and just mock navigation.
Handlebar Labs mocking the navigation is a good place to start! What's a clean way to mock the NavigationContainer and the navigation/route props inside a component that's not a screen.
is there a best practice on where the navigation container/stack code should go? For example in the root app.js file or does it make sense to create a separate navigation folder for all navigation? feel like i've seen navigation handled many different ways. Any insight is much appreciated!
Thank you so much, man. Great tutorial
You are awesome! Just what I needed!
When do you release instructions for v6? Please pin the link here! The tutorial is very helpful. Thank you very much
Dear spencer thnx alot for this content and also concept for Auth
It was really helpful 🤩thanks
Can you help me about keeping user logged in when using AsyncStorage?
Give me example please, thank you so much!
Hi, went through the website. I would love to buy them. Great context. But the price too high to afford. What do you suggest, please?
Email me - spencer@handlebarlabs.com.
It was amazing!!1 Thanks for sharing!!!!
Hi! Cool video!
I have a short question - at the 20:05, 25:24 seconds (when screens appear and tabBarbottom appear) main content is jumping. Why does this happen?
Drawer ?
Navigation v5 very raw?
Or something else?
Thx!
It looks like that may have just been cuts from editing.
thanks a lot, dude!
hey man, can you create a tutorial explaining how to create a user token in the backend?
Great tutorial )))
How did you configure your shell prompt to show the current git branch name ?
hi bro did u made folder App and put index,js and screens.js under it ???
How do you use headerRight? I'm trying to navigate to another screen using Header Right.
Great tutorial. I have a question for you. I saw in your page some projects and catch my attention one of them that is the "Main Quiz", to see the videos i need to be premium? pay for watch it?
Yes, I have a quiz app available as part of reactnativebyexample.com.
Thank you so much 😆