➡️ Hooks in React JS in Hindi | useState in Hook in React JS: ruclips.net/video/SS1I7m-G2kk/видео.html ➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: ruclips.net/p/PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ
Instead of creating a second Hook, we can use the First one to display Value after Hello. Like this: import React, { useState } from "react"; const App = () => { let [inputValue, setValue] = useState(" ") const inputEvent = (event) => { // console.log(event.target.value) inputValue = event.target.value } const Submit = () => { setValue(inputValue) } return (
If anyone having problem that react page loading becuz of form imported from bootstrap then just remove type submit from button and for from the first label nice and simple
u are great bhaiyaa .. u are doing a lot of work to spread ur knowledge free over the internet which the coding bootcamps charge thousands of rupees from us . love u ♥♥❤
thapa this is the easy way to do this . import React from 'react'; const App = () => { let hello = "Hello" const inputValue = () =>{ let inputId = document.getElementById('inputId'); let heading = document.getElementById('heading'); heading.innerHTML = hello + " " + inputId.value; } return(
day 6 of react js starting here didnt able to complete 40 videos bcz of them mini projects in between. today i sat earlier for studying lets see how much i can do
i did like this : import React, { useState } from 'react' import './Form.css' const Form = () => { let val = '' const [show , UpdShow] = useState(val); const showText = ()=>{ let newVal = document.querySelector('input').value; UpdShow(newVal); } return (
Sir agar humne react mein ek nav bar bnai hai aur vhi navbar hmne reuse krni hai for sidebar bs ek do items ko add krke ya delete krke to use kaise reuse kr skte hai?
I want to ask that in the console when we hit any letter just like I'm adding vinod on every letter it is showing in the next like vi vin vino vinod it is added in the next line like you have shown us I don't get how to resolve it . @Thapa Technical
I am get a warning saying that - 'App component is not running in StrictMode'.. Can anyone help me out to solve this warning Also, when I open the React Builder Tool - Components, then my App component doesn't work but when I close the Components, then App component works.. Does anyone knows why it happens ?
SetFullName("Jo value hume pass krni hai")---->kuch bhi pass kr skte hai name->ek variable hai jisme input me jo bhi value aayi wo name store kr rakhi hai
@Thapa_technical it didn't work for me can any one correct where am i wrong ?? import React, { useState } from 'react'; const App=()=>{ const[name,setName]=useState(""); const[fullName,setFullName]=useState(); const inEvent = (event)=>{ console.log(event.target.velue); setName(event.target.velue); }; const onSubmit=()=>{ setFullName(name); } return ( Hello {fullName} Click Me ); } export default App;
Ye to bohat mushkil hota ja raha hai q k ye to Sirf form me ek hi chez pe kam Kiya input and button agar Pura form banayengy to pata nahi Kia Kia karengy
@@sidtiwari9258 This is a warning. It is displaying becuase we are changing the event from uncontrolled to controlled. @Thapa Techinal is this expected?
➡️ Hooks in React JS in Hindi | useState in Hook in React JS: ruclips.net/video/SS1I7m-G2kk/видео.html
➡️ ReactJS Tutorial in Hindi 2020 Playlist Link: ruclips.net/p/PLwGdqUZWnOp3aROg4wypcRhZqJG3ajZWJ
Congrats 150 dubscriber crossed
Abe kitne bat boom boom karta hai!
@@mymobile6271 🤣🤣🤣🤣🤣🤣🤣🤣
Boom Guys
Vice nice and knowledgeable. Please make a video on django + react
CSS :
*{
box-sizing: border-box;
padding: 0;
margin: 0;
background-color: #d2dbdd;
font-family: sans-serif;
}
div{
width: 100vw;
height: 100vh;
background: #8e44ad;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
h1{
color: white;
background: transparent;
text-shadow: 0 2px 2px black;
}
input{
width: 50%;
padding: 10px 20px;
border: none;
outline: none;
margin: 20px 0;
text-align: center;
}
button
{
line-height: 24px;
padding: 0 20px;
background: #9b59b6;
color: white;
border: 2px solid #ecf0f1;
outline: none;
border-radius: 5px;
text-transform: uppercase;
cursor: pointer;
}
🙏
Thanks
ahh man! thanks a ton
thnx bro
Thanks Buddy
your css is OSM and thanks for this amazing playlist 👍👍👌👌👌
ap bhaut acha pdha te ho jiska basic bhi clear nahi hai uska bhi dhyan rakhte ho really helpfull sir love from utta
rakhand
Thapa dai ho k ..jasle garda ma fullstack developer ko journey maa ekdam help paye ...thanks a lot bro
Sir jo aap word bolte ho na , boom 💥 guy's and this is it guys , sun ke mza aa jata ha 🥰🥰
Instead of creating a second Hook, we can use the First one to display Value after Hello. Like this:
import React, { useState } from "react";
const App = () => {
let [inputValue, setValue] = useState(" ")
const inputEvent = (event) => {
// console.log(event.target.value)
inputValue = event.target.value
}
const Submit = () => {
setValue(inputValue)
}
return (
Hello, {inputValue}
Submit
);
};
export default App;
By Doing like this We have any problems? Let me Know plz....
@@nawarajjaishi4710 yes u don't get correct output. Did u execute in this way?
your videos are beyond words
super se bhi upper
apse mene bhut kux sikha hai .. isliye tqq so much bro
Hi Vinod your videos are very helpful for us Thanks for making videos for bigginers like me .
Please make one series on react with redux
AND BOOM GUYS, HE IS A GENIUS
This also Works:
import React,{useState} from "react";
function App(){
let val="";
const [state, setstate] = useState("")
const chng=(event)=>{
val=event.target.value;
};
const Fn=()=>{
setstate(val);
}
return (
Hello {state}
Submit
);
}
export default App;
yea i did the same, diminishes extra lines of code
If anyone having problem that react page loading becuz of form imported from bootstrap then just remove type submit from button and for from the first label nice and simple
u are great bhaiyaa .. u are doing a lot of work to spread ur knowledge free over the internet which the coding bootcamps charge thousands of rupees from us . love u ♥♥❤
Congarts binod dai 150 k subscriber
:) thnku sir for cracking jokes in between ,atleast we dont get bored of studying hahahah
Nice explanation... but needed an example of uncontrolled component
Very useful information thank you
1st like nd 1st comment jst Awesome
Congratz :)
u are doing an awsome job vaiyaa
Boom ho Gaya!!
Or Boom mujhe bhi samajh aa Gaya..
vinod bhai is the best❤❤
Jitni bar apki video deekho add on hi hota hai knowledge me...
thapa this is the easy way to do this .
import React from 'react';
const App = () => {
let hello = "Hello"
const inputValue = () =>{
let inputId = document.getElementById('inputId');
let heading = document.getElementById('heading');
heading.innerHTML = hello + " " + inputId.value;
}
return(
{hello}
Enter
);
}
export default App;
day 6 of react js
starting here
didnt able to complete 40 videos bcz of them mini projects in between. today i sat earlier for studying lets see how much i can do
Boom
GREAT TUTORIALS
Boom
crazy sir , thank you so much sir
without using value attribute in the Input Box we are able get the required output .
After this kindly make small website and elaborate the main concept of front end and back end use react as a front end and php as a back end.
9:39 Which extension you are using so that you are getting such suggestions . Please anyone tell me how can I get this in my vscode
In this example is it possible we can do that without value field
Will you plz make 2-3 more videos on Events which are commanly use during webdesign
Thapa sir, please make video series of react js and backend php
thank you so much sir
Hi sir, please let me know which extension are you using for auto import modules?
ES7+ React/Redux/React-Native snippets
3rd view love your work bhaiya
Thanks bhai
Iss me input me value={name} likhne ki kya need he without value likhe bhi ho jayega na ye run properly
Hi, please also make a video on class components
why do we necessarily need to give the value attribute?
even i'm confused with that why do we need value attribute and what is the use of it..
Im coming after Angular so i found that this is more complicated.
In angular we use two way data binding and thats it
i liek that sentence the way you say 321 boom
Sir mera app.jsx kv kaam ni krta aisa q.
Agr wahi same code kuch bhi name.jsx m rkhte to ho jata
Thanks Sir :-)
Sir,
value ={name} is attributes ka important ka he??
pta chale toh mujhe bhi btana bhai
i did like this :
import React, { useState } from 'react'
import './Form.css'
const Form = () => {
let val = ''
const [show , UpdShow] = useState(val);
const showText = ()=>{
let newVal = document.querySelector('input').value;
UpdShow(newVal);
}
return (
Hello ..! {show}
Submit
)
}
export default Form
Sir please build email verification using React 🙏
7:13 how many of you seen "Control uday control"😁😂
Thanks sir :)
Sir agar humne react mein ek nav bar bnai hai aur vhi navbar hmne reuse krni hai for sidebar bs ek do items ko add krke ya delete krke to use kaise reuse kr skte hai?
How to do it on a keypress of Enter key? What should be passed in onKeyPress event??
why not use 62.5% in react css
Awesome as always ✌🏻
Bhai kya aap mere se naraj ho kuch dino se comments ka reply nhi aaya ?
Can you please let me know why use twice usestate, 1. name, 2. fullName
I don't no reactjs versions concepts which is replaced can u create pdf
Bhaiya ek video banao unctrolled component k liye poora full detail me
CORS (Cross-origin resource sharing)
Bhai please 🙏 esko ek bar Hindi me explain KR do pure RUclips pr is topic pr Hindi me video nhi hi...... please 🙏
sir i want data in second page
so how can this be done
I want to ask that in the console when we hit any letter just like I'm adding vinod on every letter it is showing in the next like
vi
vin
vino
vinod
it is added in the next line like you have shown us I don't get how to resolve it .
@Thapa Technical
redux pe bhi banao
Awesome
I am get a warning saying that - 'App component is not running in StrictMode'..
Can anyone help me out to solve this warning
Also, when I open the React Builder Tool - Components, then my App component doesn't work but when I close the Components, then App component works..
Does anyone knows why it happens ?
THAPA TECHNICAL
CODE WITH HARRY AND
CLEVER PROGRAMMER ALL ARE GEMS
zabardast
Sir Make series on Nodejs with reactjs
Thank you
♥♥
Can you tell me the use of value because without using the "value" we can perform the same task.
Yes I do that task without using value see my code on above comment
I just also want to ask that we can perform the task without using value then why should we use this?
@@imadityajain bhai ki videos is video k baad confusing hi hn.. Bhai professionaly bhi kaam ni krty..
If you got the reason behind using that 'value' attribute then you can tell us
and one more confusion if we use useref how can we show data on userinterface without using usestate ..then anyhow we use a usestate
Sie, formik and yup libraries par video
thankss
source code kaise milega ye sb
thapa sir how did you do your console dark
It's already dark by default
Plz make a video for attractive loginpage using bootstrap
I wanted to ask why can't we use just one useSatate ? What is the need of two useState ?
yes we can easily do it using only one useState
Bro whatsapp washing event ka scripts bnaya na pliz 🙋♂️🙋♂️👍👍👍👍👍
sir without giving the value attribute inside the input its work so why we define it?
Value attribute in inputs is used in backend to do get or post request to insert data into database or whatever.
onclick karte time , aapne setFullName(name); to my question is setFullName(fullName); kyu nai likh sakte?
SetFullName("Jo value hume pass krni hai")---->kuch bhi pass kr skte hai name->ek variable hai jisme input me jo bhi value aayi wo name store kr rakhi hai
Aise nhi jaise vo likh rha h v i or server p ja rha hai .......that sounds funny😆
page referesh hone pr 1 sec ke baad sb kuch waisa hi ho ja rha? Is there someone who can help me
@Thapa_technical it didn't work for me can any one correct where am i wrong ??
import React, { useState } from 'react';
const App=()=>{
const[name,setName]=useState("");
const[fullName,setFullName]=useState();
const inEvent = (event)=>{
console.log(event.target.velue);
setName(event.target.velue);
};
const onSubmit=()=>{
setFullName(name);
}
return (
Hello {fullName}
Click Me
);
}
export default App;
'event' is deprecated.ts(6385)
Give Solution
bro plz redux k to apny btaya he nai
Ye to bohat mushkil hota ja raha hai q k ye to Sirf form me ek hi chez pe kam Kiya input and button agar Pura form banayengy to pata nahi Kia Kia karengy
Dai daraj jasto Application kasari banaune tutorials liyera aaunush pls sir
react ka kuch video lee k aaye 3ya5hr latest
Can you share console with final ouput bcz there is warning something "component is changing an uncontrolled "
plz can you help
@@sidtiwari9258 This is a warning. It is displaying becuase we are changing the event from uncontrolled to controlled.
@Thapa Techinal is this expected?
Give some default value to your state.
For example: const [name, setName] = useState("");
useState is not working
I didn't get this video, Many things in this you have not told us sir
bro ek weather App v banana na using react
kuch newproject lee k aaye react pe
Sir make a video on email template plzzz
sir, please provide source code
💞♥♥💞
Something went wrong in this video it stop in last quarter of time
We want MERN stack
Plz provide CSS file in your description : )
Ni smj aya last s.. Dbara dekhna pry ga
Hello Dear binod bro i want to learn haw to make a stopwatch by pure javascript....plz make a stopwatch for me
Mere channel par visit karke dekho
@@wrestlingmonster3638 vaiya visit tw kiya but stopwatch ki koyi video nehi mila.....agar hai tw ap mention karo na plz
you know binod before matter start of binod :-)
angela yu ka content copy keye ho booooom
To Angela se seekhna chahiye ya isi se ?
its getting complicated now