18:45 important note might save your time The useHistory() hook has been deprecated and replaced by the useNavigate() hook in React v6. So your code will look like this: import {useNavigate} from 'react-router-dom'; let navigate = useNavigate(); if(json.success){ localStorage.setItem('token' , json.authtoken); navigate("/"); }
In screencast settings, Reduce the font size a little and turn on "Only Keyboard Shortcuts". Also reduce the vertical offset a little. Rest is perfect!
yes sucessfully completed Login functionality using useNavigate() hook instead of useHistory() hook. Thanks a lot Harry bhai. But user can still click on the Home link and view notes with or without login.
While changing class to className or doing any changes to anyword in whole project use the global search feature of vscode (on left side the search icon)
I'm learning JavaScript from your playlist. I'm almost done, but having so much of confusion while writing code. Video me samjh aata hai, but fir bhool jaata hu. Requesting you to share your hand written notes like html and css. Would be grateful ever and ever. Thanks in advance
Yah JS is confusing specially if you are coming from other language like python, java, c#, etc. Do more practice, it will feel more easy. Thats why JS is popular in fsd. All work is done by js. If you are using django(python) as backend and react as frontend then you need to make habit of 2 language which is horrible specially with js.
i would recommend you to watch javascript beginner to advance course by harshist vishashist. it will blow your mind and you will confident to write code in js
it's good to put screen cast as we can know short cut key for various functions of vs code what u type. yes it will be distrubing but can control yrr pasud or rewatch again but from gaining knowledge it is good to put❤
Who is watching this video now, Just wanted to inform that useHistory hook been replaced with useNavigate. So, I am using that. Also, wanted to say this tutorial is awesome.
Harry bahi please solve cors error Error is -cross-origin Request Blocked: The same policy disallows reading the remote resource at localhost:5000 , reason cors reqest did not succed
How can I remove this Error: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
Any one plzz solve the error Please solve the problem The joined path (C:\fakepath\4.jpg) is located outside of the base path component (D:\Lawyer-Management\media)
after submitting email and password with wrong passwords or email sever crashes. any solution to this causing this error Cannot set headers after they are sent to the client node:internal/errors:465 ErrorCaptureStackTrace(err);
you cannot compare programming languages, so go with any popular language like JavaScript or Python, and prog langs dont even matter and it is the concepts which matter and not the programming language
Can someone help me with the let history = useHistory part please. I am getting an error showing that it is not found in react-router-dom even though I have imported it
Hello my friend, instead of 'useHistory' you can use 'useNavigate' ----------------------------------------------------------------------------------- import { useNavigate } from 'react-router-dom'; const navigate = useNavigate(); navigate('/'); ------------------------------------------------------------
18:45 important note might save your time
The useHistory() hook has been deprecated and replaced by the useNavigate() hook in React v6.
So your code will look like this:
import {useNavigate} from 'react-router-dom';
let navigate = useNavigate();
if(json.success){
localStorage.setItem('token' , json.authtoken);
navigate("/");
}
thank you so much buddy for helping
Thank You
thanks @vitthal8177
World can be a better place if more people like you exists....
thank you so much बडी
In screencast settings,
Reduce the font size a little and turn on "Only Keyboard Shortcuts".
Also reduce the vertical offset a little.
Rest is perfect!
Yes, definitely do this, It look gorgeous
Why have you subscribed K18 channel?
+1
For useHistory() error.
Import {useNavigate} from 'react-router-dom'
Let navigate = useNavigate();
navigate('/')
Hey brother can i contact , i am having some problem in adding a note
@@0xhardy yeah say what issue you are facing
@@inzamam1320 whenever i add a note,
Note is added in the database but i get error int he console for unique key
@@0xhardy what are you passing as a key to the notesItem map function
@@inzamam1320 key={note._id} in Noteitem component in Notes.js
yes sucessfully completed Login functionality using useNavigate() hook instead of useHistory() hook. Thanks a lot Harry bhai. But user can still click on the Home link and view notes with or without login.
After coming from tuition, this is the first thing to watch 😀🔥🤑
Thankyou Harry sir apke wajese mein coding ka basic knowledge sikh paya
Bhai, ye basic nahi hai 😂, this is quality knowlege
@@kirtiiyer490 yes absolutely
While changing class to className or doing any changes to anyword in whole project use the global search feature of vscode (on left side the search icon)
I'm learning JavaScript from your playlist. I'm almost done, but having so much of confusion while writing code. Video me samjh aata hai, but fir bhool jaata hu. Requesting you to share your hand written notes like html and css. Would be grateful ever and ever. Thanks in advance
Same prob bro
Yah JS is confusing specially if you are coming from other language like python, java, c#, etc.
Do more practice, it will feel more easy.
Thats why JS is popular in fsd. All work is done by js. If you are using django(python) as backend and react as frontend then you need to make habit of 2 language which is horrible specially with js.
@@Praxss Same problem, where to do practice any specific course ?? or any thing you can share with us.
i would recommend you to watch javascript beginner to advance course by harshist vishashist. it will blow your mind and you will confident to write code in js
if the code works, don't touch it. leave it. forget about it . you can't remember everything. But you will if you practice a lot
it's good to put screen cast as we can know short cut key for various functions of vs code what u type. yes it will be distrubing but can control yrr pasud or rewatch again but from gaining knowledge it is good to put❤
Thank you Harry bhaiya for Everything ❤️
Good evening sir,
After this course, can you make a course of making a meeting app like google meet or ms teams
For your channel i started coding....before that i hated coding.
bhai this react course is really really and genuinely very much helpful for beginners like me :)
n screencast settings,
Reduce the font size a little and turn on "Only Keyboard Shortcuts".
Also reduce the vertical offset a little.
Rest is perfect!
Well you can keep the Screen Cast thing But make it a Bit Small since it takes a lot of space
Who is watching this video now, Just wanted to inform that useHistory hook been replaced with useNavigate. So, I am using that.
Also, wanted to say this tutorial is awesome.
Nowww, addicted to your content!!😌😌😌😌😌😌
love your coding harry bhai
Please make a video on python project for stock trading and analysis.🙏
Harry bhai please make a video on cookies!
I like screencast things and i will be useful for newbies to know some shortcuts of vscode. just make it littlebit smaller and its fantastic
Awesome 🔥🔥
This course is awesome ❤😍❤😍❤😍❤
Very Nice to learn. Making concept clear.
Thank you so much for making this wonderful courser
5:22
Bhai I'm really waiting for it after you uploaded VSCode Video
useHistory replaced by useNavigate
Thanks
very helpful playlist....thanks harry bhai
Thanks @harrybhai
harry bhai bcoz of u I am on the way to get a job
yes screencast needed
Yaa, it is better screen casting , just make font small if possible.
Tutorial no. 69 🔥🔥🔥🌚 Nice
this react course is really really and genuinely very much helpful
hey are you able to login i am getting error in login
Harry bhai the great take love from Bangladesh
Harry bhai .!! Just decrease the fontsize, then its fine and helpfull!!
bhai review kaa video bnaenge ... masst course hai ...better than any paid course
How you make these excellent videos very fast.
CodeWithHarry is geat deloper in youtube
nice one Sirji
Thanks
Nice video Harry bhai
Wah Harry bhai 🔥🔥🔥
😊
Which Playlist should i follow Chai aur code or Code with harry????
CWH is outdated but I prefer CWH because if it's simplicity
screencast OFF hi rehne dein, disturbance hoti ha....
MySQL full course and git cheatsheet please 🙏🏻🥺
keep it off bro
Bro plz make how to make app with vscode 🙏🏻🙏🏻🙏🏻🙏🏻
Things are getting extremely interesting!
Hey!... My Page is getting reloaded everytime I'm Submitting, how to fix this ?
@@prakharsinha4145 missed the e.preventDefault() ?
@@tsarprince No man!
17:00
Nice 👍
Nice video
Love from IIMT College , greater Noida Date:- 24-09-21 Road to full stack Web developer 😍❤️🔥🔥❤️❤️🔥🔥❤️🔥🔥❤️🔥❤️🔥❤️
Harry Bhai😍
3:16 - SaiiiiggaaannnnnUppp - Signup! You are VERY FUNNY Man. :)
Please make videos on nextjs
Please solve the problem
The joined path (C:\fakepath\4.jpg) is located outside of the base path component (D:\Lawyer-Management\media)
put right path to locate the file
Bhai Screen Cast mode thik nahi hai
Sometimes screen cast is ohk sometimes its not depends!!!
It’s not good to have screen cast mode on
there is no need of screencast mode....
Php laravel par tutorial banado bhai please 🙏
The magical number 🌚
The POWERFULL number 🌚
Powerful Numbers comes from Powerful places 🌚🌝
hello harry bhai !!!
Please off screen cast mode...
Screencast mode off rakho
why not we use .jsx extension for react file
Harry bahi please solve cors error
Error is -cross-origin Request Blocked: The same policy disallows reading the remote resource at localhost:5000 , reason cors reqest did not succed
watch old video where he has installed Cors
❤️
How can I remove this Error:
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
I think you have missed to add cors library in the backend. It is in one of the previous videos but I don't recall the number.
npm install cors
0:20 hhahahahahahahahah😂😂😂
It’s looking good to have screen cast mode on
7:09
Bhai I think you should use it and change size of that text to smaller in settings
do not use screencast
bhaiya vese kuch naye bahane dhundho comments karvane ke
import error: 'useHistory' is not exported from 'react-router-dom'.
anybody help me
Same problem
same error
@@ankushmaity2635 Bro In react-router-dom v6 useHistory() is replaced by useNavigate().So instead of useHistory() use useNavigate().
Import {useNavigate} from 'react-router-dom'
Let navigate = useNavigate();
navigate('/')
Did you complete this playlist ?
If useHistory is not working instead u can use useNavigate
Sir please tell us how to store files in mongodb
Harry bhai galtyan krte raha kro asay hi hamay achay se seekhne ko milta
its success true and giving auth-token but not move to note page when click on login submit plz help
that subtitle thing causes too much distraction
Any one plzz solve the error
Please solve the problem
The joined path (C:\fakepath\4.jpg) is located outside of the base path component (D:\Lawyer-Management\media)
after submitting email and password with wrong passwords or email sever crashes. any solution to this
causing this error Cannot set headers after they are sent to the client
node:internal/errors:465
ErrorCaptureStackTrace(err);
Are your putting your coding in try catch block in backend ?
*Vanilla JS in one video* pliz sir 🥺
harry is very funny guy..
Cant input email in the form what to do?
Sir give me 💓
First time I am not late in class
I can not access my login and signup page
Give me a suggestion which language I learn now a days
you cannot compare programming languages, so go with any popular language like JavaScript or Python, and prog langs dont even matter and it is the concepts which matter and not the programming language
@@hargunbeersingh8918 bro I appreciate it but which one language scope is High in today scenerio
@@Victor-ev3vu thanks pinki kumari but I learn the latest
Which one is latest
@@anwarsalmani1380 are u a beginner?
Bhai where is your thumbnail!!
Fast view sir
1 heart please. I like your videos a lot. ❤️
Hiii
Unable to attempt login
My vote goes fo Screen Cast Mode.
Hi Harry, screencast is disturbing. Please remove
harry bro very very fast impalement for beginner level its not good 4 a beginner level persons
Can someone help me with the let history = useHistory part please. I am getting an error showing that it is not found in react-router-dom even though I have imported it
Hello my friend, instead of 'useHistory' you can use 'useNavigate'
-----------------------------------------------------------------------------------
import { useNavigate } from 'react-router-dom';
const navigate = useNavigate();
navigate('/');
------------------------------------------------------------
@@sanjaypaul6651 Thank You So Much Brother I also had same error . i was using useNavigate in wrong way you show me the correct syntax
Hey Guys!... My Page is getting reloaded everytime I'm Submitting, how to fix this ?
first finf out which function causing it to reload then use preventDefault() to fix. may it help
its beacuse you might be using handleSubmit on button instead of form tag