#9: Create Login Form with React in Hindi | Handling Basic Form with React Hook

boom bhai 😀

super duper easy🥰😃..... This dialouge motivates us a lot

you said name attribute in input is very Important, but why?

sir , your vedios related to subjects are very good , but your way of teaching is very fast we can't understand . so i request you pls explain in understanding level . thanku

brother, i really appreciate your content

thank you so much vinod bhai , your playlist is really helping me a lot . Thank you so much for your effort.😇😇😇

css part toh show hi nhi krteho app

Bhai Maine htmlfor mai emai type karra but web page pe 3 times deikha rha hai

css code for this

Sir plz revert me

when i click on login button page got blank reason?

really helpfull

Kay aap ka login page online, android. Mey work hoga.

bro why you dont give your code in comment section

kya aap iska css ka code de sakte hai

Crystal clear explanation

Mast hai

tere smjhane ka tarika boht tough or fudu h

How to display the data in next page

after login why cannot clear form how to clear the form

return k andar html thus do react ho jaega ....LMAO

etdah ngomong lu cepet amat kek petasan kentut

You never showed how you applied css??????

Sir mera bn gya laikn blue section nahi aa raaha ha

I want that css code for this

reply

how did he opened component file in console. can someone please explain

bdo start krte hain

Awesome bro which extension do you use to see components in your terminal? plz tell this extension name...love from pakistan...you are simply great

sir zoom karke karo jaise reactjs full series mai kiya tha isem kuch nhi dikrah

Iska code dedo please

Code dedo bro iska

bro, it's hard to understand in Hindi, can you please speak in English, it help us more actually, the functionality you can speak on English, remaining we can understand bro

source code?????

Hi sir, can you please share a video of login with rest API in react.

Where can I find css code for this?

value ka use kya hai

import React, { useState } from "react";

const LoginPage = () => {
const [input, setInput] = useState("");
const [password, setPassword] = useState("");
const [btninput, setBtnInput] = useState("");
const [btnpassword, setBtnPassword] = useState("");

const inputHandler = (e) => {
const data = e.target.value;
setInput(data);
};

const passwordHandler = (e) => {
const data = e.target.value;
setPassword(data);
};

const submitHandler = () => {
setBtnInput(input);
setBtnPassword(password);
};

return (
<>
<div>
<input
type="email"
placeholder="Enter Email"
onChange={inputHandler}
// value ={input}
></input>
<br />
<input
type="password"
placeholder="Enter password"
onChange={passwordHandler}
></input>
<br></br>
<button onClick={submitHandler}>Login</button>
</div>

<div>
{btninput !== "" ? (
<h4>
{`Your Email id is ${btninput} and your password is ${btnpassword} `}{" "}
</h4>
) : null}
</div>
</>
);
};

export default LoginPage;

value submit hone ke baad bhi input field me kyu hai

Where we can find css files?

Hello buddy kyaa aap mern pe small projects laa.sktee h uskee ek playlist alg see kyunki mern stack pe jo playlist h wo bhtt badee h usmee interest khtm ho jataa h aap chhote choote projects laa sktee h mern pe

thank u vinod bro , your teaching skills are amezing thanks once again

How to connect it to backend is the main issue

Why Im not getting Components option in chrome

vai kuch hard form validation karke dekhao .. matlab jaise username field main number nahi dal sakta yah phir password strong hona chahiye and password and confirm password match karna chahiye aisa kuch using functional component.

sir, please provide us CSS files it will be a great help.

can you give the css for this video @thapa Technical

Bhot Awesome video bhai..

THANK YOU SO MUCH SIR FOR HELPING US