Full React Tutorial #22 - Exact Match Routes

Подписаться 1,5 млн

Просмотров 233 тыс.

50% 1

🐱‍💻 🐱‍💻 Course Files:
+ github.com/iamshaunjp/Complet...
🐱‍👤🐱‍👤 JOIN THE GANG -
/ @netninja
🐱‍💻 🐱‍💻 My Udemy Courses:
+ Modern JavaScript - www.thenetninja.co.uk/udemy/m...
+ Vue JS & Firebase - www.thenetninja.co.uk/udemy/v...
+ D3.js & Firebase - www.thenetninja.co.uk/udemy/d...
🐱‍💻 🐱‍💻 Helpful Links:
+ HTML & CSS Course - • HTML & CSS Crash Cours...
+ Modern JavaScript course - • Modern JavaScript Tuto...
+ Get VS Code - code.visualstudio.com/
🐱‍💻 🐱‍💻 Social Links:
Facebook - / thenetninjauk
Twitter - / thenetninjauk
Instagram - / thenetninja

Опубликовано:

13 янв 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 105

@munchybonbon8675 2 года назад

Just a heads up for other viewers, with React Router v6 (latest version), the code would look like this: Basically has been replaced with , and accepts the element attribute, to which you assign the component you would like to load.

@bugsyplays3560 2 года назад

Does this also mean the exact prop isn't needed? I'm using 6 and my Create page seemed to work fine without it when done like this.

@unknownman1 2 года назад

@@bugsyplays3560 ARe u sure u are using v6 in your project, as Switch is throwing an error in v6

@sabinoramirez2600 2 года назад

@@bugsyplays3560 correct

@sabinoramirez2600 2 года назад

@@unknownman1 bugsy is referring to the 'exact' part of . In v6 it works with just path

@susmantobealivebruh4238 Год назад

@@unknownman1 remove "switch" and use "routes "instead of switch then use the code shown as above that should solve that problem

@stevegopop Год назад

Bro, this guy has cliff hangers for react tutorials.....I cant stop watching

@NetNinja Год назад

Haha, thanks Steve!

@sophiaonyoutube Месяц назад

who needs netflix when you have netninja on youtube?

@cyberohn Месяц назад

Honestly broo😂... I came to learn just React router and I find myself watching the whole tutorial 😂

@adeleke5140 2 года назад

Hi Shaun, it does seem like in Router6, a lot has changed and the path does work automatically

@adityaverma6120 3 года назад

Hi Shaun, I think the explanation for partial matching is a bit incorrect at 2:40. /create URL won't match /c route, partial match means partial after every forward slash in the URL. For example, the URL /create/user/123 will match the routes /create or /create/user/, but it won't match any partial word. And this makes more sense because using partial matches, we can nest the routes.

@johnmoore4248 3 года назад

Hi Shawn, I am really excited to see the final product so I am learning a head by studying your github codes up to lesson 32. And again, thank you for creating these educative and informative series. Cheers

@beinyourguard 3 года назад

Shaun, will you include styled components in this tutorial? I'd love to learn about it.

@carlijn1460 3 года назад

thank you so much for this video! I am new to react and i had some trouble with routes, but you explained it so well in this video and it helped a lot! Keep up the good work!

@infobare2644 3 года назад

You are on point, most instructors do not explain what that "exact

@kashmirtechtv2948 2 года назад

Amazing!! You clear the things in a very short time

@sadev0 3 года назад

Hey Shawn thanks for this :)... Is there any chance of Coming "Testing React - Typescript with JEST || ENZYME " Course?

@spookimiiki5891 3 года назад

Very good video! Straight to the point!

@wontontech 10 месяцев назад

This is excellent, short and to the point! Thank you

@NetNinja 10 месяцев назад

Thanks, hope you enjoyed it!

@indianlongboarder2844 3 года назад

i finally learned the use of exact thank you

@ReachByteBurst Год назад

congrats on a mil, thanks for the content!

@NetNinja Год назад

Appreciate it! :)

@amjadiqbalkhanniazi 3 года назад

great tutorials, thanks, it will be good if you include context api in this tutorial with useReducer hook

@anthonycalo4047 2 года назад

You the man! Thanks for the videos. Every other react router video is unclear or some guy from India

@Yasmine_habun Год назад

Thanks a lot for everything literally. THANKS

@zakariabhaibi Год назад

If you are working with V6 you also do not need to use the exact in the Route declaration.

@sertacekici3342 3 года назад

This is amazing. Good job as always. Thank you Shaun

@mohamedmousa2777 3 года назад

Always the best instructor

@HostDotPromo 3 года назад

Agreed. His tutorials are so good.

@rohitdummu7526 Год назад

Thank you so much you have cleared all my doubts🥳

@NetNinja Год назад

Happy to help Rohit! :)

@gracelee5182 3 года назад

if the Switch tag renders the route component exclusively, why do we need the exact property in the first place? I'm confused.

@jess140 3 года назад

great video!

@nandopookey9195 Год назад

Thankyou very much sir

@alexstaresson9517 3 года назад

nice stuff!

@johnconnor9787 3 года назад

Please, consider someday to make a playlist on MERN stack

@mohamedhourri5607 3 года назад

i love u man !!

@clarencelindh1178 2 года назад

gz to 800k

@pranavmishra9366 2 года назад

Thanks buddy, I implemented and it worked.

@NetNinja 2 года назад

Glad it helped Pranav!

@tarekghosn3648 Год назад

for the algorithm we need to send this to the world.

@himadribhargava8455 3 года назад

Awesome tutorial series

@joelmurphy7702 Год назад

In addition to @munchyBonbon 's comment, remember to define an 'element' attribute if you're using v6 of react-router-dom:

@scanpower8439 Год назад

I need to sleep and chill WHY AM I SO ADDICTED TO THIS xD

@oscardbg9654 3 года назад

Ninjas, how can i deploy locally the app if i'm using webpack, i've tried the vscode live server and express server for the index.html but didn't work...

@ghofranedarragi5601 2 года назад

thank you very much

@forresthu6204 Год назад

Thanks

@mkmalikcom 3 года назад

thank-you ♥️

@hasanalkhder6260 2 года назад

Great tutorial's

@bharathr5936 3 года назад

Thank you

@naolchala4354 3 года назад

Good tutorial, can you add à video with router animation?

@learningit2572 Год назад

I love you!!!

@allenjohn4863 3 года назад

It would be great if we get a video on how to integrate Gpay into our website.

@kashmirtechtv2948 2 года назад

It looks for the first address It finds / so it shows homepage that's why we use exact

@renzjorgesjaredsanfernando3441 7 дней назад

THANK YOU SO MUCHHHHH

@NetNinja 6 дней назад

@basilm.b8499 5 месяцев назад

In recent versions of react-router-dom, the Switch component has been replaced by Routes function App() { return ( ); }

@theobellash6440 Год назад

What about lazy loading a component?

@wpxpert98 Год назад

great! thank you

@NetNinja Год назад

No worries! thanks for watching :)

@Mahmudulhasan-ts5hm 3 года назад

thanks

@ridl27 3 года назад

@rownokmahbub 2 года назад

'useEffect' is defined but never used how could i Solve this error? anyone please help me?

@ZTF666 2 года назад

compared to nuxt , nuxt is a blessing in this area ! haha

@all-in-all7862 3 года назад

Can u create react-router beta version-6

@adelgafo7412 3 года назад

good job sir

@kashmirtechtv2948 2 года назад

Which job?

@natnaelghirma2617 3 года назад

Is there a better way to route. It seems very tedious to create routing this way. If you have 20 routes, it will be like 60 lines.

@developerbox3079 3 года назад

did you find a way? because I have a same problem as well .d

@ckatke 3 года назад

Ohh 😯 I thought it was all

@artihlec 3 года назад

actually /c will not match /create , but /np will match /np/something (things between slashes must be exactly the same )

@Ridhu 3 года назад

"Things between slashes" also refers to things after the last slash right?

@developerbox3079 3 года назад

@@Ridhu try and seeeeeee

@matthewsteedman6867 2 года назад

Hey Guys , "Switch" has been Deprecated is there any other alternative?

@JanabSmile 2 года назад

Use 'Routes' instead of Switch.... just replace every 'Switch' with 'Routes'

@vojka2973 2 года назад

Ninja can you do react tutorial on udemy bro ?! PLZ

@Jacksons_are_jackson 2 года назад

routerv6 done this by default :D

@nick_jacob 3 года назад

Why wouldn't they just build in the 'exact' property into the 'path' property? That seems unnecessary.

@user-ii6if3qw5o 6 месяцев назад

Update in react-router-dom V6 return ( );

@memory8888 4 месяца назад

Let's save that now and... pRRreview.

@christianibana933 Год назад

React router v6 made routing easier and less code

@akkaradechsrithongchai7766 Год назад

🙏

@NetNinja Год назад

@icetmzz9074 Год назад

this is no longer needed in v6

@taicheeeee 11 месяцев назад

【2023/6/29】 #NO NEED TO WATCH THIS CLIP.# I think the content this clip talked about was kind of bug of react routers. However, they've fixed this problem. Don't need to watch this video now.