API Call In React JS using Axios ⬆️ [ React Form Submit To API ] Login Form In React JS -2022 💻

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

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

50% 1

Code Link of This Video :
saificode.blogspot.com/2022/0...
Welcome To Saifi Code , In This Video We Have Discussed Following Topics :
1.How to do API call in React js using Axios
2.What is axios and Using Axios in React Functional Component
3.Login and Registration Form Example in React js
Logout in React JS - (Next Part of This Video):
• Login Logout in React ...
React JS Shopping Cart (with source code) : • Shopping Cart React.js...
MERN Authentication (with source code) : • MERN Authentication - ...
React CRUD with Material UI (with code) : • React CRUD Operation U...
Time Stamps :
0:00 - Intro & Three Steps in Video
0:51 - Create Login Inputs (Email and Password)
3:04 - Saving Input data in State and Handling OnChange
8:55 - Handling API Logic on Click of Login Button
Queries on Instagram : / er_naimu_saifi MY GITHUB LINK ---- github.com/NaimuddinNaimuddin

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

30 июн 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

Good video bro

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

Nice work man, Keep it up!

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

Thanks bro keep supporting best of luck for your future 🤗😊

@ABadini389 Год назад

mashallah nice bahi jan mai ne sirf ap k method sy login seek lea thanks to you

@SaifiCode Год назад

inshallah you will learn all you need , keep supporting bro

@nikleshniks Год назад

Thanks Bhai, Really help full. :)

@SaifiCode Год назад

Always welcome bro , keep supporting

@saifitech2.097 Год назад

Nice one keep it up bro

@SaifiCode Год назад

Thank you, I will

@AJ-qy5fz Год назад

Thanks for the Video!!!

@SaifiCode Год назад

Our pleasure!

@randomsupportertoall4569 Год назад

good bro

@saifitech2.097 2 года назад

Good video bhai

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

Thanks bro

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

Thanks bro

@madhavdhobale9576 Год назад

Very well explained brother 👏

@SaifiCode Год назад

thank you brother

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

thx a lot

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

Glad to hear that bro, keep supporting me

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

Nice and easy to understand

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

Thanks bro keep supporting, best of luck for your future 🤗

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

Good

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

Thanks

@nbro4167 Год назад

keep it up bro

@SaifiCode Год назад

Thanks, will do!

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

nice explaination sir

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

You are always welcome at Saifi code

@mohammadasif6302 5 месяцев назад

Good brother ❤❤

@SaifiCode 5 месяцев назад

Thank u brother

@talhahaider2186 Год назад

bahii jan subscribers kamm hai abhi apke leken app apni youtube ki journay kahtam nhi krna inshallah you can achieve soon your goals🖤🖤🖤🖤

@SaifiCode Год назад

thank you bro keep supporting , wish u all the best

@nadeem-jq2op 2 года назад

Good video

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

Glad you enjoyed

@rahulbharati3476 Год назад

Thanks buddy😄

@SaifiCode Год назад

Welcome 😊 Rahul bhai , keep learning , good luck. Let me know any topics you want videos ?

@MayankSamuel Год назад

Nice video

@SaifiCode Год назад

Thanks

@satyamjha6268 Год назад

bro big hug

@SaifiCode Год назад

welcome bro

@short2676 11 месяцев назад

nice explanation

@SaifiCode 11 месяцев назад

Thanks for liking

@short2676 11 месяцев назад

@@SaifiCode Thanks

@TechnoSaifi Год назад

Good bro

@SaifiCode Год назад

Thanks

@jamshaidakhtar3843 Год назад

Very beautiful

@SaifiCode Год назад

Thanks a lot brother

@malikbhai2285 Год назад

Sir 1k subscribeer mubarik ho

@SaifiCode Год назад

shukriya

@malikbhai2285 Год назад

@@SaifiCode sir AJ video aye GE ya Ap live aye GE?

@malikbhai2285 Год назад

@Saifi Code Bro..jo jo video apes me link kertte hy un sab ki 1 hi playlist banoo..ye ni k wo wali video kisi or playlist me hy..or yeh wali kisi or play list me pare hy

@SaifiCode Год назад

bro react js series playlist hai wo sari related hain , Thank you for finding hte mistake will try to make playlist or provide the links in description

@AJ-qy5fz Год назад

Request : Make some video on Tokens, Authentication, JWT, Basically Security of App.

@SaifiCode Год назад

Sure bro will be making separate video , Alos i have some video on MERN Authentication you cn check on my channel

@harshkohli1326 Год назад

@@SaifiCode please do fast

@harshkohli1326 Год назад

I waiting

@SaifiCode Год назад

@@harshkohli1326 bro check mern authentication video usme hai ye topics

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

In console there is no error but after login token not generated? Neither email nor password is seen stored. Can you tell me?? Showing 1 issue: Audit usuage of navigator.userAgent, navigator.appVersion, and navigator.platform Why it is so?

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

try installing new react app and then write the code for api call i am sure it solve the issue it may be bacause your react is not of latest version . if the issue is not resolved let me know i will connect to you on skype

@gatowebdeveloper Год назад

gracias

@SaifiCode Год назад

gracias meaning bro ?

@gatowebdeveloper Год назад

@@SaifiCode thanks in spanish 👌

@SaifiCode Год назад

@@gatowebdeveloper you are welcome

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

Sir please redex use kar k log in and logout wal project kar

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

sure will try as soon as possible

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

when fill correct password and username then blink the output and nothing show alert msg

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

and also didn't show error in console

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

can you share the api call code , so that i can tell you better?

@ronqualwebs3000 Год назад

brother after adding logout button i need to refersh the page then i am getting navigated to login page how to solve this

@SaifiCode Год назад

welcome bro check my login logout video and let me know if you still face issues

@_rich_man Год назад

Explanation is good, but get yourself a bigger screen if you want to grow

@SaifiCode Год назад

sure bro will try to implement as soon as possible, by the welcome and thanks for good suggestion

@lifearoundmehellofromfinla2879 9 месяцев назад

1) hi, I am using google api for login. instead of using post I used get. 2) now, I want to log out, for that I have seen your second video about logout, but can not able to do it in the navigation page. 3) in the navigation page I am getting error saying Cannot find name 'token'. 40 | 41 | useEffect(() => { > 42 | if (!localStorage.getItem(token)){ | ^^^^^ 43 | navigate("/") ;

@SaifiCode 9 месяцев назад

Put quotes on token as it is string not variable try ('token)

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

Why change in password is also showing success message?

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

bro its dummy api , this will not happen when we replace api with real backend api

@pranjaljaiswal5693 11 месяцев назад

Is there any api where i give own email and password through post request because in these api we give test user

@SaifiCode 11 месяцев назад

We can create our own api ,this is for testing purpose

@DeepakGupta-pz4fx 2 года назад

React JS login api authentication ka video btao

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

Sure bro will make a video on this , till then checkout the second part of this video

@DeepakGupta-pz4fx 2 года назад

@@SaifiCode share second part video

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

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Xc_MPV9EtNs.html

@TechnoSaifi Год назад

React js authentication ka video aa chuka hai bro channel pe check karna

@aryamnair4561 Год назад

Sir can you specify how to phone number verification using fetch api in react native

@SaifiCode Год назад

we can add a key isPhoneVerified : false , in the backend and will send an OTP on the phone number using twilio or any other service , when sending otp same Otp will be saved with users data in backend , when user submit the otp will check is it the same Otp send to user phone, if same will mark isPhoneVerified as true as return wrong otp . Will make a video on phone verification separately. alos i Have alreday video on otp functionality in my MERN stack Authentication video. Please check and let me know if you need furthre help will be happy to help you

@aryamnair4561 Год назад

Sir,I can share the code with you can you guide me? I am a beginner in react-native. Actually I am stucked to fetch the api for this otp

@SaifiCode Год назад

@@aryamnair4561 you can connect me on instagram or shre me anydesk id so that i can help you in the morning at 10 AM

@EveryTopicInfromYou Год назад

@@SaifiCode sir, mujhe bi apna instagram ka link de...

@SaifiCode Год назад

@@EveryTopicInfromYou sure channel description me bhi hai instagram.com/er_naimu_saifi/

@kgverma1596 6 месяцев назад

how to open new page after login

@SaifiCode 6 месяцев назад

After login u can use navigate to redirect to another page

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

Sir please logout

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

sure , i will try as soon as possible

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

logout video : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Xc_MPV9EtNs.html

@Code_Note Год назад

bhaiya can you please share the github repo of your code.

@SaifiCode Год назад

github.com/NaimuddinNaimuddin thanks for commenting bro

@Code_Note Год назад

@@SaifiCodethanks alot for the video and your help 😀

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

Pls provide source code too.

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

sure bro will add the source code on git and provide you the link as soon as possible

@TechnoSaifi Год назад

check the link in description bro

@ajitkumarpandey4397 Год назад

Share your github link

@SaifiCode Год назад

ajit bro is video me single file me hi hai code to wo apko is video ke description me link hai wo dekh lo apko mil jayega git pe tab maine upload nahi kiya tha to wahan nahi hai bro