React Native Tutorial #19 - React Navigation Setup
Vložit
- čas přidán 17. 12. 2019
- Hey gang, in this React Native tutorial we'll take a first look at navigation in React Native and talk about how a simple stack navigaor works. We'll also set up react navigation in our app.
----------------------------------------
🐱💻 🐱💻 Course Links:
Course files - github.com/iamshaunjp/react-n...
🐱💻 🐱💻 Other Related Courses:
+ Complete React Tutorial - • Complete React Tutoria...
+ React Hooks & Context Tutorial - • React Context & Hooks ...
+ Modern JavaScript Tutorial - • Modern JavaScript Tuto...
Thanks Net Ninja! You explain things in a super clear and accessible way, your tutorials are always my go-to when learning a new piece of tech. Rock on.
Finally someone that can explain well the concept of navigation, thank you so much....
thank you net Ninja your courses are my number one priority when i want to learn any framework or any programming concept
You are most welcome :) that's awesome to hear, thanks!
amazing course !!! thanks a lot
Hey Shaun another brilliant video, thanks and am learning from an expert, cos I just started my own coding channel.
Started this series two days ago and looks like I have already caught up with your latest videos. Really fun series so far and the projects are very cool :)
Was wondering if you plan on doing a more advanced React Native series after this maybe using a state manager and some kind of backend like you have for react?
That would be very nice, indeed.
+1 this right here. I would absolutely love a full stack course with React Native... maybe Nest.JS, Hasura and PostGres?
Awesome video! thank you!
You are a very good teacher!
very clear explanation
That's Ninja ! Always best !!!
Thanks si much for shere this.
Greeting for Argentina
Thank you so much!
ALL RIGHT THEN GANG 🔥🔥
hey there, gang
Clear cut explanation.
thank you!!!
Amazing.
so, imagine i have a user profile screen, where i list data of the user with a request on componentDidMount and there are friend list on this screen, and if i click to a friend's name i **PUSH** myself to user profile screen again with the spesific user_id and this time make request for it, but the problem is if i load the same screen with the different data, the data on the first load is also changing... how do i prevent that?
I did not found the library you showed on the actual website but I installed by seeing your screen one i crate and folwed same liek what you have done It says could not resolve rectstacknavigator
is this command used for YARN as well?
thank you
Any plans for a react-navigation v6 series?
So how do you decide which type of navigation to use per use case?
.
is this react navigation v4? Amazing work! Edit: Yes it is v4, yes!!
expo command not working in vs code windows 10
🔥🔥🔥
is it version 5 or 6
i cant find that link which you are actually visiting to install 'npm install react-native' please write it in the comment
try using: npm install @react-navigation/native. They changed the command in their website.
reactnavigation.org/docs/getting-started
@@eduardoocrespo1875 Thanks! this linked helped a lot
i'm using npm react native and i get this error when ever i tried to install navigation package
npm install react-navigation
npm ERR! Cannot read properties of null (reading 'resolve')
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\(username)\AppData\Local
pm-cache\_logs\2022-03-29T21_01_36_333Z-debug-0.log
plesase help me
the website used in this video hope this will help someone :)
reactnavigation.org/docs/getting-started/
As of today it is on v5. reactnavigation.org/docs/getting-started so installation is a bit different
sir pls add react navigation 5 videos and React Native updated Videos
Why are you calling it a 'review' instead of a 'view'? How many stars does the review have?
up to date, audited 1187 packages in 9s
83 packages are looking for funding
run `npm fund` for details
43 vulnerabilities (9 moderate, 34 high)
To address issues that do not require attention, run:
npm audit fix
To address all issues (including breaking changes), run:
npm audit fix --force
Run `npm audit` for details. (what is fucking fix) (help me please)
lets go
Check your course file github link. Its only readme.md file there
you have to select the correct branch for each lesson (top left, drop down on the repo) :)
Links?
Hey - it's in the description section :) - make sure you select the correct branch for each lesson (top left, drop down on the repo) :)
please help me out i cannot move forward I am stucked here can you please help me out
the package has been outdated
@@dunyan1586 so what should i do alternatively
I'm getting a little frustrated with how outdated this tutorial is. I keep having to look in the comments for the correct way to install something. If this keeps happening I might just abandon this tutorial for a more recent one.
When it comes to tech, a video that’s 2 years old is pretty much ancient.
Some parts are outdated, but the basic concept he explained very well. you can combine it with the latest doc in native to learn
In this quick and informative video, you will learn how to effortlessly navigate between screens in React Native using React Navigation. In just 9 minutes, we will walk you through the simple steps needed to seamlessly move from one screen to another in your app. So grab a cup of coffee, sit back, and let's dive into the world of React Native screen navigation. Don't forget to subscribe for more exciting React Native tutorials!
czcams.com/video/PzntUYrqtFQ/video.html