Full React Tutorial #23 - Router Links

🐱‍💻 🐱‍💻 Course Files:

🐱‍👤🐱‍👤 JOIN THE GANG -

🐱‍💻 🐱‍💻 My Udemy Courses:

🐱‍💻 🐱‍💻 Helpful Links:

🐱‍💻 🐱‍💻 Social Links:

[maskman]

summary of react router links (frontend routing, intercept the request and handle router in browser)
1. import { Link } from 'react-router-dom'
2. use <Link to="path></Link>
and that's it !!!

[unseenunspoken]

I hardly jump in the comments section. Probably, this is my 4th or 5th comment on a YouTube video for past 6 six years.
First of all, I would like to thank you from the bottom of my heart for providing such great content free of cast over youtube. I'm a junior dev in the industry and writing plain HTML, CSS and JS for past 8 months. { For Laravel templating}. Right now, upgrading my toolset on React and Next.

I'm learning alot from your YouTube videos. I can't express enough that how thankful I'm to you at this stage of my carrier. People like you are hard to find. You are a gem in teaching and you must be proud on that.

Keep guiding and enlighting us. We love you 💕

[MiM-hhxz]

Great videos, Shaun! For some reason it didn't work for me using react-router-dom v5. I upgraded to v6 and got it working with this code (Note 'Switch' replaced by 'Routes' in V6 :
<div className="content">
<Routes>
<Route exact path="/" element={ <Home/> }>
</Route>
<Route path="/create" element={ <Create/> }>
</Route>
</Routes>

[awhitechilliify]

That moment when you want to hit Like button but you already have.. 🙈
thank you so much Shaun!! ⭐️

[mihajlocolic]

This is exactly what i needed for my pages!

[williamjpriest]

simple and to the point, just subscribed

[channel]

So easy to follow and understand.Thank you

[Gworf]

At least you can still style the <Link> tags since they are rendered on the page as <a> tags, thanks for the tutorial!

[PiotrMajdykowski]

In react router-dom v6 it will be: function App() {
return (
<Router>
<div className="App">
<Navbar />
<div className="content">
<Routes>
<Route path="/" element={<Home />} />
<Route path="/create" element={<Create />} />
</Routes>
</div>
</div>
</Router>
);
}

export default App;

[webok]

This is such a good tutorial. Thank you.

[kle]

This man is the GOAT of YouTube programming tutors

[woofcode]

Super Awesome content! Thanks a bunch!

[nihallloyd]

How many episodes will be there for this new react tutorials. BTW great stuff man

[AkashKumar-itmz]

Hi @The Net Ninja, Love your videos on react and just wanted to know do I need to learn redux also for building modern applications. I just purchased your d3 course on udemy would also like to purchase a react and spring boot application eCommerce project on udemy

[adeoluwaidowu]

Hello @The Net Ninja. I have a question please.
When i clicked quickly the home then create links on the site, the my react app did not give me an error.
could this be a new update to react or its something else??
I would really appreciate your feedback

[Escko]

This guy is not a ninja, he has become the master!!!!

[dlysele]

9 more videos to go... been working on this course for the last two days pausing and resuming as I worked along on my VS Code.

[codedynamics]

Shaun i think you might have forgotten that you wrapped the fetch inside a setTimeout and the setTimeout was just to simulate a server request. If you remove the setTimeout you dont get that error @ 2:53 and the links are 10 times quicker

[SudeeptoDutta]

Shaun, do you plan to make a video on Route Guards /Private Routes using react-router ?

Basically the navigation flow if a normal user tries to navigate to an authorised route that they're not allowed to view ?

[tanishigoyal]

I have been finding react routers a bit difficult to learn, u just make it seem easyy