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
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.
Alternative of dark and light mode is : let dark={ color:"white", backgroundColor:"black", border:"1px solid white" } let light={ color:"black", backgroundColor:"white",
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...
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.
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 ❤
@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
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
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 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
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); }
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.
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"}
Hello Harry sir thank you for videos ke liye and Sir ye function hai ek textutils ke liye - Copy Function const handleCopyClick = () => { navigator.clipboard.writeText(text); window.alert('Copied'); }
can you please help me why its giving this error Line 5:33: React Hook "useState" is called in function "about" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use" react-hooks/rules-of-hooks Search for the keywords to learn more about each error.
I am facing "Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped." this problem in my App.css file and when when i click on accordion example of Collapsible Group Item it doesn't respond. There is an error in css file.
Here is the react Playlist: ua-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?
Beginner in React. Enjoying the course, it is so addictive. Thank you very much. I learned HTML and CSS with your videos .
0:52 was Insane 😂🤣
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.
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. 💀
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...
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.
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
Thank you so much Harry for this React Course ❤️
Get this man a medal 🏅🏅🏅!
@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
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
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
Just exactly when I needed this course. Thanks a million...
Looking at your speed of development. I really need too much practice to resonate it. You are inspiration to everyone. Thanks Harry
Hi harry from Pakistan...Love your way of teaching...
This top down approach is awesome.
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
Harry Sir you are a Good Teacher Web Development may God bless you and may u live Long
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
Finally one more video...❤ thanks harry🙏 God bless you🙌
Thanks harry for ❤
One of my Best Teacher is Code with harry
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);
}
Jo koi nahi skr skta Bo apne apni mehnat se akele krke dikhaya so I proud of you ❤❤❤
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.
Thanks for such quality content for free🔥🔥
i liked that line pyari samaj gayi.....learning in a interesting way
Thanks harry Bhai bohat improvement hori hai aur inspiration bhi mil ri hai❣️
Your teaching style is great. I liked it.
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"}
)
}
Day 5 and I m really enjoying with this course 🎉
Very Helpful Video for me. Every beginners should watch this playlist.
Great vedio seeing after 1 year and still it is the best
Best React Playlist just looking like a wow
superb video , love you HARRY.
Thanks For in-detailed explanation!!
YAAR HARRY BHAI
PADHAATE TO SAB ACHA HAI LAKIN SAMJH ME SIRF AAPKA HI AATA HAI ...
Thankyou harry Bhai sare topics crystal clear horahy ha💕
i am doing course right now and doing all your task and perform the email extractor too
Dark mode with check box code [ copy and happy 😊 ] -
{btntext}
thank u so much Harry bhai really this course is very helpful 👍👍😘
Maja aa gya Harry bhai the best react course
No.1 coding channel
Hello harry bhai... Sir apki videos bohot zyada helpful hai..
Dark Mode 🔥❤️ Mst hai bhaiya
0:45 pyari smaj gyi😁😆😆😆sir op
Wow thanks sir for ❤️
best react course harry sir❤️❤️❤️
Best Wishes for You!!!
From Pakistan.............
Really helpful video course😎
sir, your videos too much motivating to learn React, whenever i check other mentor's videos, that didn't make sense.
This course is really very helpful
Best course sir ...
Bro Thank u so much haris Ali ( AKA Harry bahi) You are Great !
This React course is awesome 👌
Harry bhai You Are Awesome 🔥
Thank you for this react series Harry sir.
I added copy to clipboard button with simple function with simple line "navigator.clipboard.writeText('Textbox Text')"
very awesome and understanding playlist about React JS
and i will seen you next time.......tagda hai bhai
Congratulations for 3 Million Subscribers harry bhai 🎉
I thought react is awful but not anymore....... This react course is helpful.... Thanks!
Thank you Harry Bhaiya Bhut acha Course hai
Really helpful ❤️❤️😭
Bro you are real hero, Thank you....!!!!!
Thanks sir for such an amazing video!
Thank you for react course....god bless you ♥️♥️♥️
FIRST two words of intro was hilarious literally....
Lovely Harry Bahi Love from Pakistan
Very beautiful examples to describe of props and state on REACT JS 👌👌👌
Very well explained sir🤙🏻🔥🔥💝
Thank you Harry Bhai ❤️🧡💛♥️ this course is going awesome
just the best tutorial for react... :)
Pyari smjh hi jati hai 😂
Harry bhaiya😊 ..
This React course is very Helpful...
Sense of humour is awesome
HARRY BHAI 🔥😊
This react course is very helpful
send me a code of "copy button" of react
VSCode me koi esa extension nhi hai jo input, img, jese tags me automatically / lgga de like ?
Sir aap gajab ho...
Thank you Harry Bhai for this useful react course
Hello Harry sir thank you for videos ke liye and Sir ye function hai ek textutils ke liye - Copy Function
const handleCopyClick = () => {
navigator.clipboard.writeText(text);
window.alert('Copied');
}
you provide the best content on youtube #HarryBhai
Great Harry bro ❤️
Best course on React
Take love from Bangladesh
you are doing wonderful job Harry!!
can you please help me why its giving this error
Line 5:33: React Hook "useState" is called in function "about" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use" react-hooks/rules-of-hooks
Search for the keywords to learn more about each error.
I am facing "Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped." this problem in my App.css file and when when i click on accordion example of Collapsible Group Item it doesn't respond. There is an error in css file.
A week ago i want to start learning React and then your course came
I am be like: Abb koi tension nahi abb sab hojaygea 😂
Thankssssssss a lot Awesome Videos thanks you soooo much ....
3.22 Hours Done Ending @10
15 Hours left - starting @11
It's a great tutorial for react, thanks harry
Once again thank you harry bhai ❤❤
0:52 OP😂😂
maza aa gya harry bhai
Thanks a lot for these React tutorials.
This react course is helpful! 🔥