useHistory Hook in React Router in Hindi in 2020 #61

Подписаться 692 тыс.

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

50% 1

Welcome, to useHistory hook in react router in Hindi in 2020. So, what is useHistory Hook? It provides access to the history prop in React Router.
This refers to the history package dependency that the router uses.
A primary use case would be for programmatic routing with functions, like push , replace , etc.
useHistory. The useHistory hook gives you access to the history instance that you may use to navigate. useLocation. The useLocation hook returns the location object that represents the current URL. useParams. useParams returns an object of key/value pairs of URL parameters.
************ Must Watch Videos For Web Development ************
➡️ Hooks in React JS in Hindi | useState in Hook in React JS: • #30: Hooks in React J...
➡️ Array Destructuring in ES6 in JavaScript in Hindi 2020: • ES6 Tutorial #5: Array...
➡️ Object Destructuring in ES6 in JavaScript in Hindi: • ES6 Tutorial #7: Objec...
➡️ React DevTools & Source Code Link: www.thapatechn...
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: • React JS Tutorial in H...
➡️ ReactJS JavaScript Array Map Method in Hindi with Example: • ReactJS JavaScript Arr...
➡️ Fat Arrow Function in JavaScript in Hindi 2020: • ES6 Tutorial #8: Fat A...
➡️ #22: React JS Project Netflix App Part #1 in Hindi in 2020: • #22: Props in React Js...

➡️ Install VS Code for ReactJS LINK: www.thapatechn...
➡️ Check Complete Reactjs in One video here 👇 • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
********** CLICK HERE TO WATCH ************
➡️ Fetch API in JavaScript: • Fetch API in JavaScrip...
➡️ AJAX tutorial for beginners in Hindi: • AJAX tutorial for begi...
➡️ Template literals (Template strings) in ES6 in JavaScript in Hindi: • ES6 Tutorial #3: Templ...
➡️ Async Await in JavaScript in Hindi: • Async Await in JavaScr...
➡️ Promises in JavaScript in Hindi: • Master The Promises in...
➡️ Callback Hell in JavaScript: • Callback Hell in JavaS...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ECMAScript Tutorial in Hindi 2020: • Modern JavaScript ES6 ...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
➡️ Source Code Link: www.thapatechn...
➡️ Top 5 Programming Languages in 2020: • Top 5 Programming Lang...
➡️ Ludo Game JavaScript Link: • JavaScript Game in Hin...
➡️Plz show some love to My Siter RU-vid Channel and Plz Subscribe Link: / @mayabeautyvlogs878
**************** MUST WATCH VIDEOS *****************
➡️ How to become a Full Stack Developer 2020: • How to become a Full S...
➡️ How To Become a Web Developer 2020: • How To Become a Web De...
➡️ How JavaScript Works: • How JavaScript Works i...
➡️ Follow me on Instagram: / vinodthapa55
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: • Make Website Responsiv...
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: www.thapatechn...
Instagram Link: / vinodthapa55
Facebook Link: / vinodthapa55
Twitter Link: / vb55thapa
Facebook ThapaTechnical Page Link: www.facebook.c...

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

30 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

useHistory change to => useNavigate const navigate = useNavigate (); For going back=> navigate(-1); For push => navigate('/about');

@ansh_editz63 Год назад

Thanx bro🔥❤

@shrikant124 Год назад

useHistory change to === useNavigate step1: import { useNavigate } from 'react-router-dom'; step2: const navigate = useNavigate(); step3: for going back ()=> navigate(-1) The useNavigate hook became part of React router in version 6.

@manavpatidar4153 7 месяцев назад

👍👍

@anti-tankartur677 7 месяцев назад

thank you!!

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

for anyone having trouble importing useHistory from react router dom in react v6 it's been repalaced with useNavigate()

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

yes I also faced same issue. but after google I got this to useNavigate()

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

React ya React Router DOM k new version main useHistory ki jagah useNavigate ka hook agya he usme goBack ki jagah useNavigate(-1) or specific url pe jane k liye useNavigate('url you want to go") likhenge

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

thanks a lot😄😄

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

useHistory is not work in v6.

@snehapyne4577 4 года назад

You're really a great teacher. You've made every line of codes very clear. It's really helpful.

@ThapaTechnical 4 года назад

Thank you so much ☺️ plz share with your friends and classmates too ☺️

@jyotikumari-es2gi 2 года назад

UseHistory is not support on current react version.what do we use instead of UseHistory

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

Have u got the solution

@nishit4939 Год назад

useNavigate()

@defaulttuber2565 Год назад

for new users like me who is watching this video in 2023 the for them useHistory() hooks is replaced by useNavigate() and goback function is replaced with history(-1)

@multiplewaya-qk7uq 4 года назад

Simon likhna ki jatriora nhi hai🤣

@mahtabpsh 4 года назад

Yor are doing a wonderful job. May God Bless You. Please make a video on how to create Mobile Native Apps (especially for Android platforms) using React. It will definitely help all of your subscribers including me in creating apps for such platforms. Thanks a lot for being so wonderful.

@saumitrakumarpaul6145 4 года назад

I am a very newcomer to ReactJS. I've watched all of your videos. Those really helped me a lot to make my React Concept clear and perfect. But I need one more thing- how to manage authentication and authorization ?

@foddiebyage9696 4 года назад

Sir pls pls Angular complete kra do N typescript full in one video, it's a request to u

@DEEPANSHU_NAG 4 года назад

Two videos in one day✌🏻

@srvtalks 4 года назад

Start a MERN stack series.. @Thapa

@rjdon6742 4 года назад

Later on plzz make the video on redux...it's helpful for me and others...and then after plzz make the video on ecommerce if u take little bit charge will pay for it....cause ur video is useful and help me alot and understood well....thanks Thapa ❤️

@SohailKhan-on3fz 4 года назад

Hi, You have added the same video multiple times in your playlist, please remove the repetitive video because it creates confusion.

@alliedoesitall 4 года назад

Please make a react portfolio website

@Arifhossain-fk3ub 4 года назад

Sir plz make a project using react ..plz....i am ur regular follower...and learn many basic & advance concept about web design + development......(from bd)

@creativeakshara8438 4 года назад

Sir please snake game bana do pure javascript me please 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏

@sdesai6991 4 года назад

You are really awesome bro. Thanks for amazing video.

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

He said, Go back (simon likhne ki zarurat nahi hai) 😂😂🤣🤣

@himanshu3984 7 месяцев назад

Does useHistory when navigating to somewhere reloads page ?

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

Please never stop making videos. you make amazing content. we love u

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

Please create a video for login integrations with api

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

import { useNavigate } from 'react-router-dom'; function YourApp() { const navigate = useNavigate(); return ( navigate(-1)}>go back ); }

@ghumakkad_yogi 4 года назад

render() hydrate() unmountComponentAtNode() findDOMNode() createPortal() ek video react dom ki in methods pr banaiye.

@alokgoldy9219 4 года назад

hamara about page hin hamara ghar h 😂, nice way of teaching sir keep it up

@ThapaTechnical 4 года назад

Thanks and welcome

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

how to go back using browser button

@prasadpoul555 Год назад

useHistory-useNavigator

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

Bro apkii wjhaa sa lagg rha ki netfilx jasa app maa bana sakta hu

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

plz tell me fast thanks

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

what history.push() does. in my projects i have thunks and slicers and i'm not able understand how history.push() call works and hit the API ?

@usmannewton5361 4 года назад

Always in a wait for new videos

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

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?

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

i made a datatable in which i get data from API. I want to click the rows components and then like if i click 3rd id then it goes to next page and shows full data of only that particular 3rd ID employee , and what now i get is all employees data by click any row's ID how can i fix this?? if i click a first name then its go to next page and show the details of that customer.!!!! which is in api.. like age, phone no. etc i tried a component method but then it shows full details of all customers!! how to filter(means it shows me data from array i get from customer Array.

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

currently video number 69 & 70 from react playlist are the same video.

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

Hi, I am using push method of useHistory() as history.push("/") and i want to rerender my home page after updates but it is not working. Can you please help...

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

boom guys is epic

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

pls update ur videos many changes has been done in place of history navigate came

@js-love 4 года назад

Ty for react series

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

thanks bro

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

If I type /user it doesn't work but if I type /user/Bruce/Lee it shows the output

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

Where can i get the source code of this routers part bhaiya plzz??

@pankajdahal8787 4 года назад

Brother are you from Nepal or just your accent is Nepali? 😀

@CodingFire 4 года назад

Sir please tell me how to show code in website as i need to show my html and css codes in my website

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

Dai React Js node Js Ani mongo DB ko combo video

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

Awesome video bro. I like your content

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

how we will do this in react-routerdom version 6

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

dada u r awesome bhai love you lot thapa

@Mayank-lf2ym 3 года назад

Go back ,Simon likhane ki jarurat nhi 🤣 (you make me realize the class 10 history)

@GurankitSinghBehal Год назад

4:16

@mostlymysterious4814 4 года назад

Sir react js ki tarah node js ki full playlist with detail explanation banae 😍

@Brijesh-ts2xt 4 года назад

1 2 3 and boom hahaha you are doing great brother

@freetech2030 4 года назад

Sir mera insert ka code local server mai work kr rha hai but live server mai nhii plzz help kr do kya problam ho skti hai data select ho rha fatch bhi ho rha h insert ni ho rha plzz help plzzz

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

sir nested routing in detail please

@whoareyou5944 4 года назад

bhai u have any instagram id ☺

@navinchainani4721 4 года назад

Bro jitna apna react js sikaya hai agar utna bhi kiya job mil jahagi na sir?

@sumitchourasia767 4 года назад

bhai aap video mai ads kyo nhi lgate ho.

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

thank you so much sir

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

best playlists on RU-vid

@kanikabagri247 4 года назад

Hi Sir, Thanks to you every now and then for making such amazing videos for all of us. Sir, I just have a small request to make a project. It will help us to revise all the concepts done till date. Specifically, request for Resume Builder. Thanks and Regards Kanika😊