#37: React Login Form Challenge in React in Hindi 2020

Welcome, how to React js challenge on the Login form in Hindi.
************ 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...
➡️ #23: Array in React JS in Hindi | React JS Project Netflix App #2 in Hindi in 2020
➡️ Array in JavaScript in Hindi: • JavaScript Tutorial in...
➡️ #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 KZbin 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...

[@ThapaTechnical]

hey guys, aj kal ekdum busy hone ke karan din me ek video aara hai but jaldi he 2 aane suru honge ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: kzbin.info/aero/PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ

[@DEEPANSHU_NAG]

It's ok 👍🏻 *_React JS_* ke baad kya series aayega❓

[@VijenderSingh-rr5zt]

I need to call.. demo json api, through function component, pls make video

[@aashitkumarsinha3459]

sir sticky header or navigation bar par video bana sakte hai.

[@letsshowdesigns]

And after completing the series make full website in react perform both front end and back end .

[@adilrao7777]

Make one or two challenges videos in which we can get the data when we submit the form and then delete it and then update it, means simply CRUD, kindly if possible sir. This will be very beneficial for us. And u r great sir❣❣

[@mdabuabdullah1282]

Respect from Bangladesh. And after completing the series make full website in react perform both front end and back end

[@cthulhulalala7182]

Great video bro...i regularly suggest your video to everyone haha

[@rajat-s-kale1771]

your teaching is awesome

[@feezankhattak1573]

You unComment the value = {fullName.fName}, You correctly write on the text field. but When i uncomment it, it gives the same behavior of not writting the any thing on the text fielld.

[@kishorkumarsoni]

Awesome thapa bhai thanks 👌

[@webcode6071]

U r too good

[@rajatsaraswat64]

7: 15 pr Jo aap Kese likh dete h Khi preValue. Kuch likhe ho Khi only Value likh dete ho

[@FightAgainstMathsFear]

THAPA Bhai first 💓 Viewer and comment Please make a coding app for Android like vs code Editor 🙏🙏 Please reply I am first comment and view And make a video on how to solve JavaScript problems Because muze sab ata hai par jab JavaScript ki koi project banata hu tu atak jata hu 🙏

[@vishwajeet.modanwal]

Agar Google News ke baare me pata ho toh batao... Khud ki website ko Professionally kyse dikhaye Google News me?

[@Magic_of_code]

That's great 👍

[@zafarhussain8273]

east and west Thapa is best

[@letsshowdesigns]

Please also cover redux with this series

[@shumonuddin6806]

thank you for excellent videos, though Hindi is not my 1st language, still, I can understand that. used to watch lots of Hindi movies before. could you please check the playlist, some of the videos are repeating in the list, #18, JS Practice #4, #26, Challenge #6, #34, #35, #36, #37 thank you once again for all those awesome videos. :)

[@quackcoder2246]

Plzz make video on website intro animation... Plzz

[@nayanbhuyan8156]

Without giving the value attribute, it works fine,why

[@samirbante8554]

Itna hard hai ki nind aa gaye

[@letsknowthis1862]

Bhai pls aaap javascript nested loops ke bare Mein batao na, 2 se zyada nested loops ke bare Mein. Bahut complex hai

[@rajbannasa7662]

thank you so much sir

[@ashishkumarsahoo6966]

u r amazing sir

[@EWorldHub]

Superb

[@massamzohaib1421]

Sir ap ki video boht kamal ki hai. Kya pls ap aik video banasakte ho ke react ki website online kaise dalen

[@MrKapbat]

I am not convince sir. If I need to create a form with 15-16 fields. That is going to be big problem to simply fetch and store value in a variable. I am sure something is their.

[@TechMeDude]

function App() { const [fullname, setfullname] = useState({ fname: "", lname: "", email: "", phone: "", }); function submitEvent(event) { event.preventDefault(); console.log(event); setfullname({ fname: event.target[0].value, lname: event.target[1].value, email: event.target[2].value, phone: event.target[3].value, }); } function inputEvent(event) { console.log(event.target.name); } return ( Hello ,{fullname.fname} {fullname.lname} {fullname.email} {fullname.phone} Submit ); } Try this code , much easier

[@mysteriousr7197]

@@TechMeDude thanks,it works,and much simpler than tutorial

[@faizanmirza5566]

@GeekGram but it will not work on onchange

[@adarshdwivedi5395]

Automation using react plz make..a vedio

[@TechLearneryt]

Itne jade if else😆🤣 Is se acha main multiple hook create kr leta 🤣🤣 Wo jada easy hota

[@AkhileshYadav-lv3kh]

Thank you sir

[@omkar0000-k1t]

Sir please javascript if statment par video banaye....

[@aashitkumarsinha3459]

sir can you made a video on sticky header or navigation bar on scroll.

[@shahid643]

Sir React ke sath php me insert delete update ke video kab bnaye ge app ?

[@krishnajadhav4213]

Sir you all video is very good.Sir Angular 9 ke video bnaeye na, post api with form submit Angular me bnaey na plzzzz

[@ashwanirao9483]

please provide your full code of each video on your website or description box . it will be of great help

[@sushantrahane4512]

Please make video of form validation using jQuery validator

[@geetamsinghkushwaha8323]

First

[@ThapaTechnical]

congraztz :)

[@sumitagoswami9355]

All of the videos are great . awesome work carry on. but some videos has been repeated.

[@aamirsaleem5294]

osm

[@SandeepKumar-ly4ud]

Why you repeat same code in just four input field.

[@noobCoder26]

awsome

[@viraltrendings3756]

sir it is showing that name is deprecated ? now what will we do ?

[@Magic_of_code]

If I want data in other page How can do this

[@saritadash6554]

m getting an error as..". Objects are not valid as a React child (found: object with keys {fname, lname, email, phone}). If you meant to render a collection of children, use an array instead. " please help sir.

[@mujahidislamkhan782]

same problem

[@Unknown-Stranger]

have u write = instead of :

[@omkar0000-k1t]

Sir statment if statment par video banao detail me Mai video shard karunka mere istagram par mere followers 3k hai

[@ThapaTechnical]

Menei banaya hai if statement pr

[@thelasttimeitookashowerwas7069]

@@ThapaTechnical yo even if we dont keep value attribute in the input fields, arent they saved automatically in value? coz this code works perfectly fine even if we dont keep that attribute coz as far as i remember, anything entered in input fields are automatically saved to value attributes

[@avanipatel7344]

Hello sir, Your videos are awesome and really helpful. Learnt so many new things from you. .... Sir, can you please make a video on how to make crud app using react js. ... Thank you.

[@sciencetub]

What to do if the form has a textarea also?

[@afaqahmad8918]

wow

[@debankar99]

backend kaab araha hai?

[@kishanrai7569]

× Error: Input(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null. how to solve these error??????

[@Unknown-Stranger]

put a return keyword

[@kashmirtechtv2948]

Kl wli video kea dekhain. Awein kch bnaee v

[@Unknown-Stranger]

What

[@tasneemkhan1405]

1st😍

[@mayursaroj4360]

❤

[@anandsrivastav1428]

object destructuring is not working

[@quickflicks_007]

Woww

[@AnkitRaj-lr2hc]

sir kya whatsapp group hai abhi bhi i want to join but i haven't instagram id

[@kifayat80]

Sir provide us the source code

[@oook3407]

i hate coding because of u

[@InspireUShorts58]

vinod

[@A2kash]

Please, correct What is the error in this code????? import React, { useState } from "react"; const App = () => { const [fullName,setFullName] = useState({ fname:"", lname:"", email:"", phone:"", }); const inputEvent = (event) => { // console.log(event.target.fname); // console.log(event.target.city); const { value , ename } = event.target; } setFullName((preValue) => { if(name === "fname"){ return { fname: value, lname: preValue.lname, email: preValue.email, phone: preValue.phone, }; } else if (name ==="lname"){ return{ fname: preValue.fname, lname: value, email: preValue.email, phone: preValue.phone, }; } else if (name ==="email"){ return{ fname: preValue.fname, lname: preValue.lname, email: value, phone: preValue.phone, }; } else if (name ==="phone"){ return{ fname: preValue.fname, lname: preValue.lname, email: preValue.email, phone: value, }; } } ) const onSubmits = (event) => { event.preventDefault(); alert("Form Submitted.") } return ( Hello {fullName.fname} {fullName.lname} {fullName.email} {fullName.phone} Submit Now ) } export default App;

[@A2kash]

There is show this error. compiled with problems:X ERROR [eslint] src\App.jsx Line 16:9: Unexpected use of 'name' no-restricted-globals Line 18:16: 'value' is not defined no-undef Line 23:16: Unexpected use of 'name' no-restricted-globals Line 26:16: 'value' is not defined no-undef Line 32:14: Unexpected use of 'name' no-restricted-globals Line 36:16: 'value' is not defined no-undef Line 41:14: Unexpected use of 'name' no-restricted-globals Line 46:16: 'value' is not defined no-undef Search for the keywords to learn more about each error.

[@chetnakotak5644]

Yes same error

[@nirbhaysingh2504]

First