React Native Tutorial #19 - React Navigation Setup
ฝัง
- เผยแพร่เมื่อ 7 ต.ค. 2024
- 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/iam...
🐱💻 🐱💻 Other Related Courses:
Complete React Tutorial - • Complete React Tutoria...
React Hooks & Context Tutorial - • React Context & Hooks ...
Modern JavaScript Tutorial - • Modern JavaScript Tuto...
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!
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.
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?
Hey Shaun another brilliant video, thanks and am learning from an expert, cos I just started my own coding channel.
You are a very good teacher!
ALL RIGHT THEN GANG 🔥🔥
hey there, gang
That's Ninja ! Always best !!!
Awesome video! thank you!
Clear cut explanation.
very clear explanation
Thanks si much for shere this.
Greeting for Argentina
Thank you so much!
Amazing.
🔥🔥🔥
thank you!!!
thank you
the website used in this video hope this will help someone :)
reactnavigation.org/docs/getting-started/
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
lets go
Any plans for a react-navigation v6 series?
is this react navigation v4? Amazing work! Edit: Yes it is v4, yes!!
So how do you decide which type of navigation to use per use case?
.
sir pls add react navigation 5 videos and React Native updated Videos
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
As of today it is on v5. reactnavigation.org/docs/getting-started so installation is a bit different
is this command used for YARN as well?
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?
Why are you calling it a 'review' instead of a 'view'? How many stars does the review have?
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) :)
expo command not working in vs code windows 10
is it version 5 or 6
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
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)
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 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
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) :)
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!
th-cam.com/video/PzntUYrqtFQ/w-d-xo.html
amazing course !!! thanks a lot