Best react course I have ever seen because I tried an udemy course of react js too but can't get content like that. Truly premium content in free of cost by Harry Bhai
First video of ReactJS :- 70K Views This Video :- 2K views Only Some People Stay Consistent Throughout The Series and.. CONGRATULATIONS YOU ARE ONE OF THEM.....!!!
@@2024comingforyou But sir you can look into his old videos of this playlist. The first one has huge audience response and with time the uploads have started getting less views
Alternative of dark and light mode is : let dark={ color:"white", backgroundColor:"black", border:"1px solid white" } let light={ color:"black", backgroundColor:"white",
Harry bhai I am a big fan of yours I did masters in arts history and now learning to code with yours videos I have watched all ur html CSS and java script playlist and now learning react from this I have started learning in first week may from different channel there i have completed full html and css and I remembered when I was scrolling in youtube that time I saw ur playlist and started from starting. Harry bhai you have helped me alot. thankyou Brother :)
For the algorithem. Altho i bought a course on udemy before this course started but i know harry bhai's the best. So im liking and commenting on every video for the algo.
bhai kaha the yr tum ab tak... I mean itna motivation kabhi aya he nh React learn krne k ly jitna tumhari video ko dekh kr aa rh h.. Thanks Harry bhai...
Best thing about harry vai is he makes the video on spot so he makes the silly mistakes that we also do.. Which makes us feel that It's normal to have mistakes ❤
Thanks a lot for these React tutorials. The toggle button gave me the idea to make a single button for uppercase and lowercase text and changes the button className as well using useState.
@CodeWithHarry...I have switched my career into web development last year.I have been following you since 9 months and 3 days prior I started this course. After 10th lecture I feel confident in react and I know that am gonna crack interview of react after watching this video. I am soo happy because i need to watch your video only once and sab dimag mai fit ho raha hai. The way you teach is just outstanding. I am definitely gonna donate you 1000 bucks once i get a job into react for sure as a goodwill gesture to you:)Love u harry bhai
My Minds Feedback - Thank You Bhaiya Your Teaching Style Is really Nice All Concepts Explained in a Well Manner even for me as a beginner in this topic you made the things very Easy.Thank you Again ..
I must say teacher like u harry bhaiya make complex things fun and easier best videos ek bache ko bhi smjh aajey aisa content banana hats off harry bhaiya
Instead of if else statement in toggleStyle function, you can use ternary operator and OR operator for changing button text. I tried it. It worked. Also reduces the lines of code.
Hi, we can modify handleOnChange event as below to correct count of word in case simply there is no any text entered in textbox. const handleOnChange = (event) => { setText(event.target.value); let inputText = document.getElementById('myBox').value; let inputTextLength = ''; if(inputText !== '') { inputTextLength = inputText.split(" ").length; } else { inputTextLength = 0; } setTextLength(inputTextLength); }
you can also do something like this for enabling dark mode import React, { useState } from 'react' export default function About() { const handleDarkMode = () => { setBgColor(!bgColor); } const handleBtnToggle = () => { setBtnName(!btnName); } const [bgColor, setBgColor] = useState(false); const [btnName, setBtnName] = useState(false); // let myStyle = { // backgroundColor: bgColor ? "black" : "white", // color: bgColor ? "white" : "black"} // } return (
About Us
Accordion Item #1
This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.
Accordion Item #2
This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.
Accordion Item #3
This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.
{handleDarkMode(); handleBtnToggle();}}>{btnName ? "Disable Dark Mode" : "Enable Dark Mode"}
I added the dark mode with the use of button (useState) Here is the code const [button, setbutton] = useState('Enable Dark Mode'); const [style, setstyle] = useState({ color:'black', backgroundColor:'white' }) const handlemode = (event) => { if (button === 'Enable Dark Mode') { setbutton('Enable light Mode'); setstyle({ color:'white', backgroundColor:'black' }) } else { setbutton('Enable Dark Mode'); setstyle({ color:'black', backgroundColor:'white' }) } } Hope everyone like it
Here is the react Playlist: th-cam.com/play/PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt.html
Access kar lena :)
harry bhai mere code me koi error nahi aa rhi fir bhi colour change nh ho rha please ye wala code de do
pls sir remove beeb sound from next video
Already done and one question about how many hours you do coding on daily basis
@@mayanktripathi3273 same problem with me also. koi error nhi hai phir bhi color change nhi ho raha
error a raha he
Best react course I have ever seen because I tried an udemy course of react js too but can't get content like that. Truly premium content in free of cost by Harry Bhai
First video of ReactJS :- 70K Views
This Video :- 2K views
Only Some People Stay Consistent Throughout The Series and..
CONGRATULATIONS YOU ARE ONE OF THEM.....!!!
First video was aired 4 days back , this video was aired 1 hr ago.
@@2024comingforyou But sir you can look into his old videos of this playlist.
The first one has huge audience response and with time the uploads have started getting less views
that's true bro
@@Shourya_2007 Right
@@XengShi Can u tell me how u get no name?
0:52 was Insane 😂🤣
Beginner in React. Enjoying the course, it is so addictive. Thank you very much. I learned HTML and CSS with your videos .
Alternative of dark and light mode is :
let dark={
color:"white",
backgroundColor:"black",
border:"1px solid white"
}
let light={
color:"black",
backgroundColor:"white",
}
const [myStyle, setStyle] = useState(
{
color:"black",
backgroundColor:"white",
}
);
let toggleHandledark =()=>{
setStyle(dark);
}
let toggleHandlelight=()=>{
setStyle(light);
}
harry bhai Op!
but for this, you have to make 2 buttons
@@prashantpal3589 yeah!
Time and space complexity!!
Well 👍
Bruh, the number of lines of code (LOC) is not directly proportional to time and space complexity. 💀
Harry bhai I am a big fan of yours I did masters in arts history and now learning to code with yours videos I have watched all ur html CSS and java script playlist and now learning react from this I have started learning in first week may from different channel there i have completed full html and css and I remembered when I was scrolling in youtube that time I saw ur playlist and started from starting.
Harry bhai you have helped me alot.
thankyou Brother :)
For the algorithem. Altho i bought a course on udemy before this course started but i know harry bhai's the best. So im liking and commenting on every video for the algo.
bhai kaha the yr tum ab tak... I mean itna motivation kabhi aya he nh React learn krne k ly jitna tumhari video ko dekh kr aa rh h.. Thanks Harry bhai...
Best thing about harry vai is he makes the video on spot so he makes the silly mistakes that we also do.. Which makes us feel that It's normal to have mistakes ❤
Mere me accordance nhi kaam kr rha h if any one know reply back
@@cs_111_amansingh6 same here bro
@@cs_111_amansingh6 bootstrap sy hi kaam nahi kar raha sahi
Get this man a medal 🏅🏅🏅!
Thank you so much Harry for this React Course ❤️
Thanks a lot for these React tutorials. The toggle button gave me the idea to make a single button for uppercase and lowercase text and changes the button className as well using useState.
@CodeWithHarry...I have switched my career into web development last year.I have been following you since 9 months and 3 days prior I started this course. After 10th lecture I feel confident in react and I know that am gonna crack interview of react after watching this video. I am soo happy because i need to watch your video only once and sab dimag mai fit ho raha hai. The way you teach is just outstanding. I am definitely gonna donate you 1000 bucks once i get a job into react for sure as a goodwill gesture to you:)Love u harry bhai
job lag gyi bro
pl bata doo
clarity mil jaigi
ki course ka koi fayada hai ki nhi
@@RAM_LALA boht chutiya h bhai tu, chup chap pdhai krle job apne aap lag jaegi
My Minds Feedback - Thank You Bhaiya Your Teaching Style Is really Nice All Concepts Explained in a Well Manner even for me as a beginner in this topic you made the things very Easy.Thank you Again ..
successfully ignored
I must say teacher like u harry bhaiya make complex things fun and easier best videos ek bache ko bhi smjh aajey aisa content banana hats off harry bhaiya
Instead of if else statement in toggleStyle function, you can use ternary operator and OR operator for changing button text. I tried it. It worked. Also reduces the lines of code.
Hi harry from Pakistan...Love your way of teaching...
I have checked a lot tutorials but switched to this tutorial and this tutorial is love ......
This video cleared my many doubts like where where we can use useState variable
~Thank You Harry
One of my Best Teacher is Code with harry
Finally one more video...❤ thanks harry🙏 God bless you🙌
Thanks harry for ❤
Looking at your speed of development. I really need too much practice to resonate it. You are inspiration to everyone. Thanks Harry
Jo koi nahi skr skta Bo apne apni mehnat se akele krke dikhaya so I proud of you ❤❤❤
Harry Sir you are a Good Teacher Web Development may God bless you and may u live Long
This top down approach is awesome.
FIRST two words of intro was hilarious literally....
Just exactly when I needed this course. Thanks a million...
i liked that line pyari samaj gayi.....learning in a interesting way
Your teaching style is great. I liked it.
Thanks harry Bhai bohat improvement hori hai aur inspiration bhi mil ri hai❣️
No.1 coding channel
Great vedio seeing after 1 year and still it is the best
Hi, we can modify handleOnChange event as below to correct count of word in case simply there is no any text entered in textbox.
const handleOnChange = (event) => {
setText(event.target.value);
let inputText = document.getElementById('myBox').value;
let inputTextLength = '';
if(inputText !== '')
{
inputTextLength = inputText.split(" ").length;
}
else
{
inputTextLength = 0;
}
setTextLength(inputTextLength);
}
Best React Playlist just looking like a wow
you can also do something like this for enabling dark mode
import React, { useState } from 'react'
export default function About() {
const handleDarkMode = () => {
setBgColor(!bgColor);
}
const handleBtnToggle = () => {
setBtnName(!btnName);
}
const [bgColor, setBgColor] = useState(false);
const [btnName, setBtnName] = useState(false);
// let myStyle = {
// backgroundColor: bgColor ? "black" : "white",
// color: bgColor ? "white" : "black"}
// }
return (
About Us
Accordion Item #1
This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.
Accordion Item #2
This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.
Accordion Item #3
This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.
{handleDarkMode(); handleBtnToggle();}}>{btnName ? "Disable Dark Mode" : "Enable Dark Mode"}
)
}
Thanks For in-detailed explanation!!
superb video , love you HARRY.
YAAR HARRY BHAI
PADHAATE TO SAB ACHA HAI LAKIN SAMJH ME SIRF AAPKA HI AATA HAI ...
Day 5 and I m really enjoying with this course 🎉
I added the dark mode with the use of button (useState)
Here is the code
const [button, setbutton] = useState('Enable Dark Mode');
const [style, setstyle] = useState({
color:'black',
backgroundColor:'white'
})
const handlemode = (event) => {
if (button === 'Enable Dark Mode') {
setbutton('Enable light Mode');
setstyle({
color:'white',
backgroundColor:'black'
})
}
else {
setbutton('Enable Dark Mode');
setstyle({
color:'black',
backgroundColor:'white'
})
}
}
Hope everyone like it
Thankyou harry Bhai sare topics crystal clear horahy ha💕
Thanks for such quality content for free🔥🔥
Dark Mode 🔥❤️ Mst hai bhaiya
Very Helpful Video for me. Every beginners should watch this playlist.
Best Wishes for You!!!
From Pakistan.............
Maja aa gya Harry bhai the best react course
Dark mode with check box code [ copy and happy 😊 ] -
{btntext}
Bro Thank u so much haris Ali ( AKA Harry bahi) You are Great !
Really helpful video course😎
best react course harry sir❤️❤️❤️
Best course sir ...
Sense of humour is awesome
thank u so much Harry bhai really this course is very helpful 👍👍😘
This React course is awesome 👌
i am doing course right now and doing all your task and perform the email extractor too
Lovely Harry Bahi Love from Pakistan
Pyari smjh hi jati hai 😂
Harry bhaiya😊 ..
sir, your videos too much motivating to learn React, whenever i check other mentor's videos, that didn't make sense.
Harry bhai You Are Awesome 🔥
Really helpful ❤️❤️😭
HARRY BHAI 🔥😊
Congratulations for 3 Million Subscribers harry bhai 🎉
Bro you are real hero, Thank you....!!!!!
Thanks sir for such an amazing video!
Take love from Bangladesh
and i will seen you next time.......tagda hai bhai
Sir aap gajab ho...
very awesome and understanding playlist about React JS
I added copy to clipboard button with simple function with simple line "navigator.clipboard.writeText('Textbox Text')"
Very well explained sir🤙🏻🔥🔥💝
Thank you for react course....god bless you ♥️♥️♥️
This course is really very helpful
Thank you Harry Bhaiya Bhut acha Course hai
Thanks Harry Bhai😍😇
Hello harry bhai... Sir apki videos bohot zyada helpful hai..
this tutorial is useful
Best course on React
Thank you Harry Bhai ❤️🧡💛♥️ this course is going awesome
Very beautiful examples to describe of props and state on REACT JS 👌👌👌
Harry you are the best
Life saver man
Great Harry bro ❤️
This video is useful for me.
Thank you so much Harry Bhai❤️
2M soon :)
just the best tutorial for react... :)
Thank you for this react series Harry sir.
Getting a heart from code with Harry is impossible
maza aa gya harry bhai
This Help Me a Lot 😊
0:45 pyari smaj gyi😁😆😆😆sir op
Wow thanks sir for ❤️
Nice 👍👍
I thought react is awful but not anymore....... This react course is helpful.... Thanks!
I don't have enough words to thank you @codewithharry ❤
Harry bhai... Pyaari Samajh Gayi... 😅.. Aunty clip was amazing.
Thankssssssss a lot Awesome Videos thanks you soooo much ....
you provide the best content on youtube #HarryBhai
Sir you are great 🥰🥰❤❤❤❤
Premium content for free. Very impressive.