Redirect with useNavigate Hook - React Tutorial 24

[@codebreakthrough]

⚛ FREE React Course (download & bonus content) - calcur.tech/free-react-course React KZbin Playlist - calcur.tech/react-playlist Code - github.com/CalebCurry/react

[@victorloua9587]

Thanks for sharing this. It was quite helpful I like the way you use the tricks.

[@themindhelp9584]

0:59 :))))))))))) hahahahaaaaaaaa thaaat was realllllllyyyyyy good!!!

[@getoverhere4465]

I'm using useNavigate exactly how you are and I'm getting an error "Error: useNavigate() may be used only in the context of a "

[@yusiff]

pure gem

[@adamdcunha5074]

Where can i find the back end http request made

[@codebreakthrough]

first

[@douggale5962]

Not plus word!!!!!! encodeURIComponent! What if "word" is equal to "hahaha/there/are/slashes?lmfao=1"

[@codebreakthrough]

Yea please feel free to elaborate… I understand the problem as this would bring the user to an undefined page resulting in a 404. But also no actual words are going to look like that, so should you expect much else than a “broken” page when a user submits bogus data on purpose? What do you think should be the expected behavior for a user? It may be something I can append to the end of this series

[@douggale5962]

@@codebreakthrough If you are going to put an arbitrary string into a URL, particularly when it is arbitrary input from the user, you must encode the value using encodeURIComponent, which will escape things like spaces, /. +, ?, and several other things that will confuse a URL parser. The URL will be decoded for you in routing, so you will get the decoded value back when you read the placeholder, safely carrying the problematic characters. it should be navigate('/definition/' + encodeURIComponent(word)); I expect my ridiculous example from the previous comment to look up the definition of that word containing slashes and question mark and stuff. What I don't expect is a bobby-tables-like URL separator injection vulnerability. I hope you consider this criticism constructive. I think you are a really good teacher.

[@meksha2383]

again...................yikes.

[@codebreakthrough]

What?