React router with hooks ( useHistory useParam useLocation ) 

** Please Join: facebook.com/groups/reactLearning/ **

Replace just overwrites the location instead of adding another. So if they go to an invalid url, you can replace the url with a 404 then when they go back it takes them to the last valid url... that's what I've used it for...

So glad I found this, been using v4 without the hooks and this implementation is far superior.

Thank you! I really love your tutorials! Very easy straightforward and quick to implement :)

Easy and useful as always. Thank you for enlightening.

quick and clear. Perfect, thank you, i didn't know for useLocation and useHistory.

so much thanks for this "React router with hooks" awesome tutorial. TC

Awesome video . The comparison between react hooks routing and normal normal is pretty clear here.

This was incredibly helpful. Thanks for this video. Subscribed.

Thanks, just what I was looking for...

Great explanation, helped me a lot!! Thank you

Thank you very much sr! Very practical :D

Thanks for the video. Very much useful

Great lesson, thanks so much!

Beautifully explained, thank you

Great, I liked your lesson ad explanation thank you

Excellent! I’d love to see you do a video on protected routes with hooks.

Nice video. Thanks!

Great content. Thank you

Very intuitive!

tnx dude u solved all of my problems

thank you, that was useful ♥

Love your tutorials. Can you do a series on Next.js ? Preferably with Redux. There's not a single solid series on Next. That'll be really helpful if you can.

this tutrial very help me tank you . kepp going

Thanks for the video Sir

Thank you so much!

Awesome. ThanQ

This is a great video.

Thanks !!

Make my day :)

Nice! :)

you are awesome

U save my life

Tu é um mito

It would be great if you make a unit test with jest video for the same application using hooks you showed here.

Replace can take you to another component or another route but you can't go back, because it replaces the whole location under the hood to only the current location, and this is useful when you want to make a login page and after the user logged in he cannot go back to the login page and there many cases for Replace but this is one of them

Thank you

Thanks a lot for this video series. Also can you make some videos on reselect, immer and react-boilerplate ?

Learn a lot!! It will be helpful if you can create some video on npx-create-library to reuse react components.

Super react tutorial on youtube

Ladies and gel man!

precise, to the point, clear, thank you so much,,, can you do a video on best practice in react, I like you content its great, A happy subscriber, can you do a video on reacting tool-kit pls, a concept like createAsyncThunk, createEnityAbopter, i has some goodies like reselect, thunk and state normalization, thanks for the video 👍

Sir, I adore you

Could you please do an entire tutorial on use history, like the usage of go, replace, block, the action so on......

Thank you for the video. And how can the useLoccation() be used in a class Component ?

really handy hooks when we need location and params without withRouter HOC. want to try personally but i haven't change or adopt hooks yet so it can't be done in class components

Please make a video about unit testing using jest and enzyme for react application.

Can you please make video on HashRouter.

Replace is used for when you login for example, you push user to the Home page, and when he clicks back button in browser, it doesn't returns him to the login page/route. Just like deletes it from history.

Sooo How would I use something like a useLocation in a CLASS component? and if that answer is, we don't use such hooks in a class, and only in a functional component. What or how do i implement that in a Class component.... Anyways thanks for sharing your insights, love and I mean LOVE this channel :)

Mind sharing your vs code setup? Looks really good!

Do you also explain this for typescript? My main struggle is that I find really little tutos for typescript in general and while the advantage it provides is great, it has a lot of pain-in-the ass features for learners

can you do video on difference between hashrouter and browserrouter?

sir please make a simple website using react hooks.these things are asking by interviewer now a days.. thanks

Please do a video on how to use API on react like there is ways axios Or ajax call which are better.

Hi techsith, what is the best way to pass state to child pages, if the state requires http requests?

Which shortcut did you use here at 5:54 to change all words into "About"?

@techsith how to know the last location generated dynamically without passing it as a state prop on all pages?

I am having issues with react router e.g. I am loading product data from api in my route /products and I want to keep it even If I change route. e.g. if I go back to /about and then come back to /products route the API call in useEffect should not happen again as it has the same data as previous but it keep on fetching the data everytime I visit the the /product route. Although if I use react-query the issue seems to be solved. I don't know how to overcome that issue. Using localstorage seems to be the solution but react-query doesn't use that still manages to keep the results intact.

I don't understand why you need to use fragment/empty tag at 12:20

Please can you make a video on linking thank you page to emailjs code. I have been having issues with that for more than 3weeks and no video of that nature on youtube.

In WithRouter HOC, how can I get the previous page url? And what will be the previous page URL if I directly hit at my website? How should I handle this edge case?

Does useParams come from react-router or react-router-dom

replace can change z screen to b screen whithot going back

Hi Sir, I have a small doubt, In my application in dashboard page or mapview page or any page while hitting refresh button, i need to redirect to login page, how can i handle page refresh functionality and re render my app components App Component:::: ===================

Sir you didn't explain about Redirect

Switch and useHistory are deprecated, I'm looking for the replacement for withRouter

state is undefined when using the useLocation() hook. Anyone else getting this?

why not use the browser back history ?

@8:36 I got 404 (Not Found) instead of "User peter".

repo for the code?

Ladies and jellmen

React router is a JOKE(R)! On one project that started way back (in the V2 days) we use the old history on our redux action creators for async redirects. So I guess we're fucked. WE CAN'T UPGRADE THE ROUTER WITHOUT REWRITING VERY ACTION CREATOR THAT USES HISTORY and every component that now has to pass it down to the action creator itself...

Another stingy programming guide that links no GitHub solution. Sweet

go to 7:34 to skip all the nonsense