Sir aapse padhne ka yahi toh maza hai ki agar jaise kisi ko koi topic nahi bhi aata for e.g " Tailwind css" toh apse padhkar sabh kuch samajh aajata hai. Thankyou sir💖 free me itna gyan dene ke liye we feel blessed 🙏🙏
Thanks a lot Hitesh sir! I've watched a ton of videos on React, even bought paid courses. But none were able to spark the curiosity that you are able to. You make it look and sound so simple, removing all the complicated jargon which used to hinder me from diving deep. Thanks a ton again.😇
You are like a teacher and a senior most of us never had whenever you teach it feels peaceful and my confidence just shoots through the sky. When i get a job, you will be the first person i would thank, and keep thanking all my life. Thank you sir.
Thank you, sir, THING I learned today :-> React props -: to send data from one component to another. Props are sent inside the component brackets. eg. 1 Always use curly brackets for a variable { variableName } to send it as props. Props can be in any form but passed as a variable. eg. eg. eg. 2 props send the data in the object form to the component. so to access -> props.properties or {properties ="defaultValue if props doesn't receive any value"} eg.props.username
card me object aur array galat trarike se pass kiya hai bhai, it should be: //for String as value // for Array as value // for Object as value You have to wrap variables inside curly brackets only for Array and Objects. To pass Strings use quotes" " . You have to make variables only for Arrays and Objects so that it can be passed into Card component, Strings are passed directly using " ".
it's been an year already ! And I just learned so much from all your tutorials sir! I can't thank you enough! This is all for free! Your hard work for the students is commendable! huge respect sir! No one can teach in depth as you do!
I just watched your video Sir, on Tailwind CSS and Props in ReactJS, and I must say it was incredibly informative! The way you broke down complex topics into simple, digestible explanations made it easy to understand. I really appreciate how you seamlessly integrated Tailwind into React components, showing us how to maintain clean and organized code while still making the UI look visually appealing. The demonstration on how to pass and utilize props was particularly helpful. As someone who is still learning React, your explanation made the concept of props much clearer. The examples you provided were practical, and I feel more confident in implementing them in my own projects. Thank you for your continued efforts in creating such valuable content. Your videos have been a constant guide in my learning journey. Looking forward to more tutorials from you!
I've been keeping up with the React and JavaScript series on Chai aur code for some time, and I'm thoroughly enjoying it! The manner in which he breaks down intricate ideas in such a straightforward and captivating way is genuinely remarkable.😁😁😁😁😁😁
Props in React ⚛ Intro 0:00 start of the session 1:55 creating the project 2:54 tailwind intro 3:58 tailwind installation 4:20 tailwind working or not 7:58 tailwind classes 9:00 Props 12:27 will continue...
koti koti pranam sir dhanywad , sir apki teaching style and samjhane ka tarika bhut achha hai koi bhi ho use deeply knowledge bhut easly samjh me aa jaye . again sir charan sparsh..
actually, i am a beginner in React. i had to learn the approx 6 months before react then i could not understand the logic but now hitesh sir is taught the react i am understand the all logics
Wow, I've been following this React and JavaScript series on Chai aur code for a while now, and I absolutely love it! The way he explains complex concepts in such a simple and engaging manner is truly impressive. It's been a game-changer for my understanding of React. Can't wait for the next episode 🔥👏♥♥ Love from Nepal ♥
I just viewed your video, Sir, on Tailwind CSS and Props in ReactJS, and I must say it was remarkably illuminating! The way you distilled intricate topics into simple, digestible explanations made it easy to understand. I genuinely appreciate how you effortlessly blended Tailwind into React components, illustrating how to keep code neat and organized while still creating an attractive UI. The demonstration on how to pass and utilize props was especially advantageous. As someone who is still navigating React, your explanation clarified the concept of props significantly. The examples you shared were practical, and I feel more assured in applying them in my own projects. Thank you for your ongoing dedication to producing such valuable content. Your videos have been a reliable guide in my learning journey. I look forward to more tutorials from you!
why this channel is best? 1- professional teacher and industrial knowledge. hitesh sir know the best pedagogy. 2- Quality content for free 3- Great quality of voice and video.
In response to your question from the video: No, it will not render. Thank you for creating this wonderful series. I've previously taken your React course on LCO; while the concepts remain similar, the depth of theory here is much greater, and your explanation skills are impressively advancing each day.
I am glad, or I should rather say, lucky, that out of millions of free courses available over youtube, i clicked on this playlist. Things have totally changed after this. I feel confident. I can build my own stuffs. Thank you Hitesh Sir. Respect & support for you
The way Hitesh sir is teaching (behind the scene) is unexpected in free. I really had no such confidence before in any programming language , but after i visit this channel , and completed my JavaScript course , on the next day , I created 2 mini projects in 1 day , for first time , And I was shocked that how my program is working . Fom this day , I got that the only Teacher who teaches from heart is Hitesh sir . After that , I am getting all my guidance from only Hitesh sir Love you Hitesh sir❤ , stey blessed and get more success in life ❤❤❤
I am very thankful to you for making this series. I watched so many paid courses but this free course is unbelievable. The way you teach us its awesome. Love you Sir.
hooks in react => react kehti h aap variable ko assign kr do, data ko update kr do but U.I. manipulation(changes) me hii krungi with the help of hooks . There are several types of hooks each type have there specific task
firstly sorry i didn't comment on your first 5 videos for some reason but i definatly follow as per your instruction. And secondly your teaching skill is best for me to understand every thing that you teach. thank you for free course :)
00:03 Exploring props in React and its importance 01:55 Creating a project with Veet in reactjs is not difficult. 05:21 Installing and using MPX with Telvin in React 07:18 Using Tailwind CSS for styling in React 11:07 Using fragments and handling image tags in ReactJS 12:58 Props in React make components reusable 16:52 Props play a key role in React components. 18:36 Understanding the usage of props in ReactJS 22:37 Passing and accessing values between components 24:19 Avoid unnecessary use of props dot notation 27:39 Default values for props in React components 29:18 Learned passing values, handling, and basics of props in React Crafted by Merlin AI.
MIND BLOWING pedagogy Hitesh ji. NEVER EVBER did I came across such a teacher in my life. Literally, pata bhi nahi chala and baaton baaton mein React ki foundation complete bhi ho gye and dimaag me cement bhi ho gye. ❤
Destructuring: You can Destructure arrays and objects to use the properties or elements as seperate variables, also you can give them default values during the function defination
Thanks sir awesome video. today I learned how to send props, how to handle props, basics of tailwind css, how to configure tailwind css in react project using vite.
thank u for teachin me react. Aab jake mujhe react aache se samja. useState jaise simple se cheez mujhe itna suffer karna pada aur yaha bhaut aasani se samj aa gaya. Thanks a lot Hitesh Sir.
Thankyou sir for the video. But I faced the error while determining the prototype but you have developed so much curiosity which helped me solved the error by myself by reading the documentation. A big ThankYou. The error was "Parameter is missing in the prop validatioin"
It is awesome react tutorial....i have learnt js from other channels...but now i think it would be much better to learn from you....all behind the scenes
26:49 No, kyuki Card.jsx me only username as a props pass hua h or 2nd thing waha button element me jakr btnText ki destructuring value pass krni hogi like - {btnText}
Guruji this is amazing playlist in upcoming semester 3 there is one subject (Node js & React) i will definitely tell my professor to follow hitesh sir playlist ❤😊🎉
Sir aapse padhne ka yahi toh maza hai ki agar jaise kisi ko koi topic nahi bhi aata for e.g " Tailwind css" toh apse padhkar sabh kuch samajh aajata hai. Thankyou sir💖 free me itna gyan dene ke liye we feel blessed 🙏🙏
Thanks a lot Hitesh sir! I've watched a ton of videos on React, even bought paid courses. But none were able to spark the curiosity that you are able to. You make it look and sound so simple, removing all the complicated jargon which used to hinder me from diving deep. Thanks a ton again.😇
True. This is the best react course.
You are like a teacher and a senior most of us never had whenever you teach it feels peaceful and my confidence just shoots through the sky. When i get a job, you will be the first person i would thank, and keep thanking all my life. Thank you sir.
Thank you, sir,
THING I learned today :->
React props -: to send data from one component to another.
Props are sent inside the component brackets.
eg.
1 Always use curly brackets for a variable { variableName } to send it as props.
Props can be in any form but passed as a variable.
eg.
eg.
eg.
2 props send the data in the object form to the component.
so to access ->
props.properties or {properties ="defaultValue if props doesn't receive any value"}
eg.props.username
Not like strings only, you can pass any valid javascript data types through props. If you use Next Js, then data should be centralised.
❤❤❤❤
card me object aur array galat trarike se pass kiya hai bhai, it should be:
//for String as value
// for Array as value
// for Object as value
You have to wrap variables inside curly brackets only for Array and Objects. To pass Strings use quotes" " . You have to make variables only for Arrays and Objects so that it can be passed into Card component, Strings are passed directly using " ".
can't believe i completed the react basics in such depth in such a short time thanks to your amazing , engaging teaching style.
I've watched a few React tutorials but this is actually insightful and answers all the "why" questions I had in the past...
true
Sir please reach to the full-stack, project work soon in this playlist it will help final-year students like us. 🙌
Sir I'm backend developer and now I want to learn react and i found your tutorial very helpful. Thank you for this amazing react series 🙏
it's been an year already ! And I just learned so much from all your tutorials sir! I can't thank you enough! This is all for free! Your hard work for the students is commendable! huge respect sir! No one can teach in depth as you do!
I just watched your video Sir, on Tailwind CSS and Props in ReactJS, and I must say it was incredibly informative! The way you broke down complex topics into simple, digestible explanations made it easy to understand. I really appreciate how you seamlessly integrated Tailwind into React components, showing us how to maintain clean and organized code while still making the UI look visually appealing.
The demonstration on how to pass and utilize props was particularly helpful. As someone who is still learning React, your explanation made the concept of props much clearer. The examples you provided were practical, and I feel more confident in implementing them in my own projects.
Thank you for your continued efforts in creating such valuable content. Your videos have been a constant guide in my learning journey. Looking forward to more tutorials from you!
I've been keeping up with the React and JavaScript series on Chai aur code for some time, and I'm thoroughly enjoying it! The manner in which he breaks down intricate ideas in such a straightforward and captivating way is genuinely remarkable.😁😁😁😁😁😁
Sir agr kisi ne hooks ko Pehle se parh rkha ho to apki ye video usko alag level pr lekr chali jaeygi like me kasmay mazza agaya dekh kr shukriya ❤
Props in React ⚛
Intro 0:00
start of the session 1:55
creating the project 2:54
tailwind intro 3:58
tailwind installation 4:20
tailwind working or not 7:58
tailwind classes 9:00
Props 12:27
will continue...
No tutorial offers interaction like yours sir. Hats off for making the concepts playful. Thanks a ton.
Me kisi bhi youtube video pe hardly comment krta hu.. but your teaching style is awesome!!
koti koti pranam sir dhanywad , sir apki teaching style and samjhane ka tarika bhut achha hai koi bhi ho use deeply knowledge bhut easly samjh me aa jaye . again sir charan sparsh..
actually, i am a beginner in React. i had to learn the approx 6 months before react then i could not understand the logic but now hitesh sir is taught the react i am understand the all logics
Wow, I've been following this React and JavaScript series on Chai aur code for a while now, and I absolutely love it! The way he explains complex concepts in such a simple and engaging manner is truly impressive. It's been a game-changer for my understanding of React. Can't wait for the next episode 🔥👏♥♥ Love from Nepal ♥
I just viewed your video, Sir, on Tailwind CSS and Props in ReactJS, and I must say it was remarkably illuminating! The way you distilled intricate topics into simple, digestible explanations made it easy to understand. I genuinely appreciate how you effortlessly blended Tailwind into React components, illustrating how to keep code neat and organized while still creating an attractive UI.
The demonstration on how to pass and utilize props was especially advantageous. As someone who is still navigating React, your explanation clarified the concept of props significantly. The examples you shared were practical, and I feel more assured in applying them in my own projects.
Thank you for your ongoing dedication to producing such valuable content. Your videos have been a reliable guide in my learning journey. I look forward to more tutorials from you!
Thankyou so much sir, for making this kind of premium content available for free of cost. We are lucky to have you.🙏🙏
🔥🔥🔥🔥
Bas aap banate rahe hum full support karenge
why this channel is best?
1- professional teacher and industrial knowledge. hitesh sir know the best pedagogy.
2- Quality content for free
3- Great quality of voice and video.
This course is far better than other courses available in the UA-cam or even paid Platform like Udemy. Thanks...
Not at all, Udemy course are in depth and cover better then this short tutorials.
This is the best series ever made. Thank you sir for your dedication
Sir, I have purchased an online course from somewhere , but your videos are far better than paid courses HATS OFF TO YOU SIR
Namaste Guruji...
Great tutorial...
completed the JS Series and now learing React...
Thank you for your valuable contribution to the society..
In response to your question from the video: No, it will not render. Thank you for creating this wonderful series. I've previously taken your React course on LCO; while the concepts remain similar, the depth of theory here is much greater, and your explanation skills are impressively advancing each day.
Thanks for that!
What is LCO ?
@@MoteeullahAzmi It's Hitesh Sir's Old Startup Learn Code Online aka Netflix For Coders
itna acha teacher b koi ho skta ha? love you sir from PAKISTAN!!!
Absolutely very good teacher I am from Pakistan too love you sir respect you so much with the depth of my heart seriously amazing
@@saadkhan-xc7ec ❤️
kya kr rhe ..ho means in study
@@D_edits_258 ma graduate hogya hu software engineering ma
This course is far better than other courses available in the UA-cam . Thanks...
Today I got third position 😢
sir mera tailwind work nhi kar rha hai
Tailwing config m
Jsx bhi krna h
sir tailwind work ni kr rha hai. sare steps shi se kiye phir v
Mera bhi
@@tilakdatla1715 kam kiya bro
@@tilakdatla1715 kya problem aa raha hai ?
@@tilakdatla1715 bro tumne tailwind.config.js file ke content me jsx,tsx add Kiya hai ?
Yes but not working@@dharmeshpatel7138
learnt props so well. No one taught props like this.
This course is far better than other courses available in the UA-cam or even paid Platforms. Thanks
Your explanations are so clear, I’m finally seeing React in full color!📊
I am glad, or I should rather say, lucky, that out of millions of free courses available over youtube, i clicked on this playlist. Things have totally changed after this. I feel confident. I can build my own stuffs. Thank you Hitesh Sir.
Respect & support for you
The way Hitesh sir is teaching (behind the scene) is unexpected in free.
I really had no such confidence before in any programming language , but after i visit this channel , and completed my JavaScript course , on the next day , I created 2 mini projects in 1 day , for first time ,
And I was shocked that how my program is working .
Fom this day , I got that the only Teacher who teaches from heart is Hitesh sir .
After that , I am getting all my guidance from only Hitesh sir
Love you Hitesh sir❤ , stey blessed and get more success in life ❤❤❤
One of the best and most recommended channel on UA-cam. Thankyou Sir for these lecture videos.
I am very thankful to you for making this series. I watched so many paid courses but this free course is unbelievable. The way you teach us its awesome. Love you Sir.
hooks in react => react kehti h aap variable ko assign kr do, data ko update kr do but U.I. manipulation(changes) me hii krungi with the help of hooks .
There are several types of hooks each type have there specific task
The confidence you give while teaching is the best thing about you :)
firstly sorry i didn't comment on your first 5 videos for some reason but i definatly follow as per your instruction.
And secondly your teaching skill is best for me to understand every thing that you teach.
thank you for free course :)
Great to hear!
Thank you sir for that material and Bas aap ese video banate rahe hum full support karenge ...
00:03 Exploring props in React and its importance
01:55 Creating a project with Veet in reactjs is not difficult.
05:21 Installing and using MPX with Telvin in React
07:18 Using Tailwind CSS for styling in React
11:07 Using fragments and handling image tags in ReactJS
12:58 Props in React make components reusable
16:52 Props play a key role in React components.
18:36 Understanding the usage of props in ReactJS
22:37 Passing and accessing values between components
24:19 Avoid unnecessary use of props dot notation
27:39 Default values for props in React components
29:18 Learned passing values, handling, and basics of props in React
Crafted by Merlin AI.
Thank you, Sir. We feel like we are in a university and have found our dream teacher to help us develop our skills❣
Finished this lecture. Going strong. Thankyou
Sir for this wonderful series.
I use React from last 3 months but, Now I understand how to use Props. Thank you so much sir😊
MIND BLOWING pedagogy Hitesh ji. NEVER EVBER did I came across such a teacher in my life.
Literally, pata bhi nahi chala and baaton baaton mein React ki foundation complete bhi ho gye and dimaag me cement bhi ho gye.
❤
Best channel ever for learning core and advanced concept of any type of Technology.
thank you 🙏sir for making our future brighter ✨️
Amazing content sir. I have 4+ years of exp in react but after watching these vides i got to know very basic concepts in deep. Thanks for that.
After this video my concept of props is clear now 🙌. Thanks Hitesh sir ❤️ for taking your valuable time to teach this🙇♂️
most underrated teacher on youtube |||| HatsOff sir
This man is 'Guru' of every instructor
How can someone be so good at teaching!!!
WOW!! ❤
sir hazaro viudoe dekhi lekin kabhi props samajh nhi aaya lekin aapne samjha diya sir legend ho app
apse is course se mere sara doubt clear ho gya thanku so much much much
fantastic work, one of the best React.js content exist on youtube.
Started at the beginning of this series. Till now what I can say is that this is definitely one of the best series you can find on the web
Speechless sir ... Your teaching style is amazing... Thank you So much Sir ji.
Hitesh Sir, thank you for providing us with an in-depth series that prepares students for the real world ❤👌
Destructuring:
You can Destructure arrays and objects to use the properties or elements as seperate variables, also you can give them default values during the function defination
My motivation comes by watching your videos and then practically implementing whatever you taught in the video ❤️
great series ,gaining practical knowledege salute hitesh sir
Thanks sir awesome video.
today I learned how to send props, how to handle props, basics of tailwind css, how to configure tailwind css in react project using vite.
really enjoying this course and i hope to remain consistent throughout the course
This video also taught me Destructuring in JavaScript 🙏🙏
Can't be more thankful to you Hitesh sir, really appreciate your efforts :)
Foundation is base for everything, loved the explanation. Thanks
Sir Thanku for teaching in a wonderful manner , you are the best teacher i had ever studied with such a clarity
😇😇😊😊
thanks a lot sir you cleared my core foundation. You are doing a great job
Enjoyable series ever i seen🤗
You are bulding me like great warrior by knowledge of you.
Hitesh sir you are the greatest teacher of all time .God will definitely bless you.........!
thank you so much sir for explaining props in this depth!
I am fan of your way of simplifying things sir. Thankyou so much.
so simple way to teach complex things ...thank you sir
so much to learn from you
thank u for teachin me react. Aab jake mujhe react aache se samja. useState jaise simple se cheez mujhe itna suffer karna pada aur yaha bhaut aasani se samj aa gaya. Thanks a lot Hitesh Sir.
one of best teacher I have been ever encountered with
Thankyou sir for the video. But I faced the error while determining the prototype but you have developed so much curiosity which helped me solved the error by myself by reading the documentation. A big ThankYou.
The error was "Parameter is missing in the prop validatioin"
I don't have any words, it was just "AMAZING 🎙"
Waqai chai pr hi bat detail me hoti hai sir amazing
An excellent video with clear explanations and a wealth of knowledge.
timestamps:
00:00 - 12:35 : tailwind + vite configuration
12:36 - end : props
start me it feels tough, but at the end of lecture its amazing because concepts got cleared
Thank You very much sir. You are making the future of thousands of students❤❤
30:42 Thank you so much Sir. 🥰
Thankyou so much Sir for explaining us so well and making our learning experience great. ❤
maja aa rha h learn krne me chai aur code ke sath "
thank you so much sir 🙏🙏
sir I love you, aapke sikhaane ka tarika is top notch ✨
Best youtube channel for JS
Finally! 😜React mere mind ke sath react ho gya, thnx sir ji❤❤
It is awesome react tutorial....i have learnt js from other channels...but now i think it would be much better to learn from you....all behind the scenes
God Bless you, sir! React k drr se pdhai chut rhi thi. Abhi lgrha h ki kr h lenge!
Really amazing playlist , the way of teaching is interesting ❤
wow tailwind itti easy thi , You are amazing sir ❤🙌
After learning Js best reactJs series i watched on youtube
sir i am out of words for this react course, thank you so much
Sir Bahot Shukria Apke channel sy bahot faida hua hai mujhy,
26:49 No, kyuki Card.jsx me only username as a props pass hua h or 2nd thing waha button element me jakr btnText ki destructuring value pass krni hogi like -
{btnText}
sir your videos make me very consistent, bcz your way of teaching is very addictive 😋
Guruji this is amazing playlist in upcoming semester 3 there is one subject (Node js & React) i will definitely tell my professor to follow hitesh sir playlist ❤😊🎉