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)
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.
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❤
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.
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
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);
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('/'); ------------------------------------------------------------
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)
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
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
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.
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
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
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 :)
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)
Thank you Harry bhaiya for Everything ❤️
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!
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!!😌😌😌😌😌😌
5:22
Bhai I'm really waiting for it after you uploaded VSCode Video
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❤
This course is awesome ❤😍❤😍❤😍❤
Good evening sir,
After this course, can you make a course of making a meeting app like google meet or ms teams
harry bhai bcoz of u I am on the way to get a job
Awesome 🔥🔥
Very Nice to learn. Making concept clear.
love your coding harry bhai
Love from IIMT College , greater Noida Date:- 24-09-21 Road to full stack Web developer 😍❤️🔥🔥❤️❤️🔥🔥❤️🔥🔥❤️🔥❤️🔥❤️
Thank you so much for making this wonderful courser
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
Well you can keep the Screen Cast thing But make it a Bit Small since it takes a lot of space
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
Please make a video on python project for stock trading and analysis.🙏
very helpful playlist....thanks harry bhai
Tutorial no. 69 🔥🔥🔥🌚 Nice
Harry bhai please make a video on cookies!
Harry bhai .!! Just decrease the fontsize, then its fine and helpfull!!
bhai review kaa video bnaenge ... masst course hai ...better than any paid course
Yaa, it is better screen casting , just make font small if possible.
CodeWithHarry is geat deloper in youtube
3:16 - SaiiiiggaaannnnnUppp - Signup! You are VERY FUNNY Man. :)
Wah Harry bhai 🔥🔥🔥
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
useHistory replaced by useNavigate
Thanks
How you make these excellent videos very fast.
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!
Nice video Harry bhai
its success true and giving auth-token but not move to note page when click on login submit plz help
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
MySQL full course and git cheatsheet please 🙏🏻🥺
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 ?
nice one Sirji
screencast OFF hi rehne dein, disturbance hoti ha....
Thanks @harrybhai
7:09
Bhai I think you should use it and change size of that text to smaller in settings
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
Bro plz make how to make app with vscode 🙏🏻🙏🏻🙏🏻🙏🏻
Which Playlist should i follow Chai aur code or Code with harry????
CWH is outdated but I prefer CWH because if it's simplicity
yes screencast needed
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
17:00
Bhai Screen Cast mode thik nahi hai
keep it off bro
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 ?
Harry bhai galtyan krte raha kro asay hi hamay achay se seekhne ko milta
Php laravel par tutorial banado bhai please 🙏
It’s not good to have screen cast mode on
The magical number 🌚
The POWERFULL number 🌚
Powerful Numbers comes from Powerful places 🌚🌝
Sometimes screen cast is ohk sometimes its not depends!!!
If useHistory is not working instead u can use useNavigate
why not we use .jsx extension for react file
do not use screencast
bhaiya vese kuch naye bahane dhundho comments karvane ke
Harry Bhai😍
1 heart please. I like your videos a lot. ❤️
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)
Cant input email in the form what to do?
hello harry bhai !!!
I can not access my login and signup page
Nice 👍
there is no need of screencast mode....
Screencast mode off rakho
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
jab ma value use karo to phir field kam nhi kr rha mtlb value nhi ly rha ..koi bata skta hai #harrybhai
Value to defaultValue set krdo
First like and first comment ❤️❤️
Thanks
Please make videos on nextjs
Sir please tell us how to store files in mongodb
Please off screen cast mode...
Nice video
Thanks bhaei please give me heart
Thank you 🤗😁
First time I am not late in class
My vote goes fo Screen Cast Mode.
that subtitle thing causes too much distraction
0:13 Aise maat bolo Harry bhai ... Single hun bhai , dil se bura lagta h 😔💔
Nhi bhai screencast off rakho mujhe problem hoti hai aur aapko bhi hoti hogi
can anybody help me i am getting error of login
what error you are facing ?
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?
😊
It’s looking good to have screen cast mode on
Unable to attempt login
0:20 hhahahahahahahahah😂😂😂
*Vanilla JS in one video* pliz sir 🥺
Bhaiya thumbnail purana vala achha tha
Screen Cast is awesome !
Please bhaiya use rehne doo