Tailwind and Props in reactjs

Visit chaicode.com for all related materials, community help, source code etc.
Sara code yaha milta h
github.com/hit...
Discord pe yaha paaye jaate h:
hitesh.ai/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial

[@pushpeshpant6603]

To all those who are facing the error in installing tailwind- The error is because , recently tailwind's newer version (V 4) is released and it has completely different setup procedure for vite(Refer documentation). To follow according to the course- Try running- npm install -D tailwindcss postcss autoprefixer npm install -D tailwindcss@3.4.17 npx tailwindcss init -p This will solve the issue Rest of the process will be same. also some of you might encounter this error- Re-optimizing dependencies because lockfile has changed error when starting dev server: Error: EPERM: operation not permitted, rmdir 'C:\Users\...\Desktop\Projects\My projects\frontend ode_modules\.vite\deps' to fix this try deleting .vite under node module (only the one that contains 'deps' ) Hope it helps

[@anasshaikh4883]

THANKS BRO!

[@soumyajitpal4047]

thank you

[@himanshuramteke1590]

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 🙏🙏

[@toxicnepal4003]

can't believe i completed the react basics in such depth in such a short time thanks to your amazing , engaging teaching style.

[@piyushdesai69]

I've watched a few React tutorials but this is actually insightful and answers all the "why" questions I had in the past...

[@manishasaini307]

true

[@e10_ritesh52]

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

[@SC000]

Not like strings only, you can pass any valid javascript data types through props. If you use Next Js, then data should be centralised.

[@KartikJoshi-tn6fl]

❤❤❤❤

[@ranjannaik5873]

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 " ".

[@the_wrong_note]

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.😇

[@MimicMannan]

True. This is the best react course.

[@aradhyasrivastava12]

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!

[@tarupathak]

No tutorial offers interaction like yours sir. Hats off for making the concepts playful. Thanks a ton.

[@snehapawar1688]

one of the best react series for beginners!! Never thought react would be so easy to understand...hats off!! 👏

[@devanshugarad]

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.

[@user-yx1pp9ed2t]

🔥🔥🔥🔥 Bas aap banate rahe hum full support karenge

[@sunanrabbi1606]

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.😁😁😁😁😁😁

[@CodeDynastys]

Aapki Tailwind CSS aur Props in ReactJS ki video mere liye bohot faidemand rahi. Bohot clear aur samajhne layak explanation tha. Thank you for creating such amazing content! Best, best, best!

[@learner801]

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!

[@ashumishra4640]

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 🙏

[@saikatmukherjee6962]

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.

[@chaiaurcode]

Thanks for that!

[@MoteeullahAzmi]

What is LCO ?

[@saikatmukherjee6962]

@@MoteeullahAzmi It's Hitesh Sir's Old Startup Learn Code Online aka Netflix For Coders

[@SADDAMKHAN-tv7ro]

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 ❤

[@DhvanitMonpara]

Me kisi bhi youtube video pe hardly comment krta hu.. but your teaching style is awesome!!

[@quickSilverXMen]

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...

[@hitenchavda203]

Thanks

[@adityagangrade9955]

Sir please reach to the full-stack, project work soon in this playlist it will help final-year students like us. 🙌

[@devlopershyamverma]

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..

[@vyom1912]

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 :)

[@chaiaurcode]

Great to hear!

[@whatappstatus6937]

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!

[@joyguha7944]

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.

[@alokyadav1045]

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

[@akhileshwarpandit5632]

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 ♥

[@Radha_ji_ko_daas]

sir ..apka samjhane ka tarika sabse alag hai . deep me samajh aata hai or concept clear hote hai. Thank you !!

[@devanshtyagi8583]

This is the best series ever made. Thank you sir for your dedication

[@PraveenKumar-24]

Namaste Guruji... Great tutorial... completed the JS Series and now learing React... Thank you for your valuable contribution to the society..

[@nitishrajbongshi9311]

This course is far better than other courses available in the KZbin or even paid Platform like Udemy. Thanks...

[@TechnoTweet]

Not at all, Udemy course are in depth and cover better then this short tutorials.

[@k4kashan121]

itna acha teacher b koi ho skta ha? love you sir from PAKISTAN!!!

[@saadkhan-xc7ec]

Absolutely very good teacher I am from Pakistan too love you sir respect you so much with the depth of my heart seriously amazing

[@k4kashan121]

@@saadkhan-xc7ec ❤️

[@D_edits_258]

kya kr rhe ..ho means in study

[@k4kashan121]

​@@D_edits_258 ma graduate hogya hu software engineering ma

[@kuldeep6938]

Thank you soo much sir for providing such quality content.

[@AyodhyaRode-k9j]

Great series on React ! Thank you sir for this awesome and amazing series.

[@gaurav__luthra]

Today I got third position 😢

[@Avinash_0.178]

sir mera tailwind work nhi kar rha hai

[@Atzee]

Tailwing config m Jsx bhi krna h

[@meraopinion3764]

Doctor gulaati के pass check krwao

[@Sameer-wi3vy]

Bro include cdn of tailwind

[@oveshnadaf9171]

Use command in cmd

[@vk73788]

@tailwind base; @tailwind components; @tailwind utilities; when paste this i am facing a this issue: Unknown at rule @tailwindcss(unknownAtRules) however this error is not creating any problem or if it is created i dont know because i dont see any problem in my project beacause of this error can anyone tell me how to fix this error although i already used chat gpt or used all instruction to solve this but not working if anyone have solution or know about this please tell me

[@HaRsHiLz]

me too

[@suyashjain3223]

same problem

[@kunwardeepsingh3195]

kzbin.info/www/bejne/jIrWnoqiidZ3Z9U

[@vk73788]

@@kunwardeepsingh3195 thanks

[@YogitaMakkar]

may be its due to the reason that tailwind css has migrated from these steps to a simpler approach which you can check by tailwind docs

[@siddharthasekharkole2309]

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

[@rajattripathi5796]

Sir, I have purchased an online course from somewhere , but your videos are far better than paid courses HATS OFF TO YOU SIR

[@binauralbeats-relaxingmusi4336]

sir tailwind work ni kr rha hai. sare steps shi se kiye phir v

[@tilakdatla1715]

Mera bhi

[@binauralbeats-relaxingmusi4336]

@@tilakdatla1715 kam kiya bro

[@dharmeshpatel7138]

​@@tilakdatla1715 kya problem aa raha hai ?

[@dharmeshpatel7138]

​@@tilakdatla1715 bro tumne tailwind.config.js file ke content me jsx,tsx add Kiya hai ?

[@muhammadnoman3955]

Yes but not working​@@dharmeshpatel7138

[@bece3oo26jainikdarji7]

Thank you sir for that material and Bas aap ese video banate rahe hum full support karenge ...

[@AyanShaikh-c8q]

This course is far better than other courses available in the KZbin . Thanks...

[@umairchughtai9001]

This course is far better than other courses available in the KZbin or even paid Platforms. Thanks

[@muteenahmad02]

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.

[@hriteshsaha348]

Thankyou so much sir, for making this kind of premium content available for free of cost. We are lucky to have you.🙏🙏

[@umangbansal3970]

One of the best and most recommended channel on KZbin. Thankyou Sir for these lecture videos.

[@atifakhtar8828]

sir hazaro viudoe dekhi lekin kabhi props samajh nhi aaya lekin aapne samjha diya sir legend ho app

[@igamemix]

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 ❤❤❤

[@thecalgarians4597]

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. ❤

[@Nagar2024]

Your explanations are so clear, I’m finally seeing React in full color!📊

[@ArpitJain-lz5cf]

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.

[@whybeabhi]

i must say, itna clearly samajh aa gaya ki i dont have enough words to thank you.

[@Prashant_Jagtap_YT]

After this video my concept of props is clear now 🙌. Thanks Hitesh sir ❤️ for taking your valuable time to teach this🙇‍♂️

[@greatestdeveloper]

thank you so much sir for explaining props in this depth!

[@littlehacker9605]

confidence boost karne ke liye thanks sir 🙏🙏🙏🙏🙏🙏

[@kaynatkhatib1289]

The confidence you give while teaching is the best thing about you :)

[@Random_shorts0906]

Wowwwww, learnt tailwind and props in such a low time. Rest depends on practice. Thank You Hitesh Sir. See You someday on chai.

[@ShoaibKhan-pd5rb]

Thank you, Sir. We feel like we are in a university and have found our dream teacher to help us develop our skills❣

[@prafullkumarkulli261]

learnt props so well. No one taught props like this.

[@avparadox]

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.

[@tahurahayath4551]

thanks a lot sir for this wonderful course,i just cant afford paid courses and im from a tier 3 college i was left with no other choice then later i found your channel i cant thank you enough ap hi mere jaison ka career bacha rahe ho

[@nehakaler6677]

Finished this lecture. Going strong. Thankyou Sir for this wonderful series.

[@omkarsoni410]

apse is course se mere sara doubt clear ho gya thanku so much much much

[@kritirana9468]

Sir foundation pure clear hogye. Very good teaching sir.

[@sonalisahu693]

hiii

[@kritirana9468]

@sonalisahu693 hello

[@nothing-s9u]

sir I cannot explain how easy you teach us everything, thank you.

[@jaydeeplakhani729]

fantastic work, one of the best React.js content exist on youtube.

[@user-jp9jd6el1f]

most underrated teacher on youtube |||| HatsOff sir

[@merajhossainmukto2714]

How can someone be so good at teaching!!! WOW!! ❤

[@dineshshinde2116]

4:49 Vite 23:47: props.username 26:46 It will not change as we are are not passing the destructure props in it Grasp Things - 1. Tailwind configuration with vite 2. Props , 3. Components - are nothing but jsx that we can use them multiple time only we want to enject the props for it Love From Vidharbha Maharashtra ❤❤

[@Farzi_time]

comment target completed 😄😄😄😄 best series on the internet

[@statusmaker3391]

Thank you sir for such a wonderful playlist of react🙏🏻❤

[@Rajeshmaurya-tz9ez]

Hitesh Sir, thank you for providing us with an in-depth series that prepares students for the real world ❤👌

[@whatappstatus6937]

Thank you Chai aur Code Bhai for this wonderful course 💯 Love from Azad Kashmir💗 #FromRawalakot.

[@Afreenhussain03]

This man is 'Guru' of every instructor

[@MansiAggarwal-m4f]

Sir Thanku for teaching in a wonderful manner , you are the best teacher i had ever studied with such a clarity 😇😇😊😊

[@aadi_990]

Finally! 😜React mere mind ke sath react ho gya, thnx sir ji❤❤

[@ShivaniPatel-p7i]

Speechless sir ... Your teaching style is amazing... Thank you So much Sir ji.

[@swapnildapkosh2813]

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.

[@aniruddhamallick2719]

in every video hitesh sir is raising the bar for the teaching higher and higher

[@KushareHarshal]

Thanku Chai wale Sir...❤😊

[@Tushar_Kokate_08]

Enjoyable series ever i seen🤗 You are bulding me like great warrior by knowledge of you.

[@sam-zy6xq]

great series ,gaining practical knowledege salute hitesh sir

[@priyaanshhuu]

timestamps: 00:00 - 12:35 : tailwind + vite configuration 12:36 - end : props

[@sameedsiddiqui9020]

Waqai chai pr hi bat detail me hoti hai sir amazing

[@bhansingh91]

maja aa rha h learn krne me chai aur code ke sath " thank you so much sir 🙏🙏

[@MohammedHasmi577]

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 ❤😊🎉

[@paragshendkar7406]

thanks a lot sir you cleared my core foundation. You are doing a great job

[@priyaanshhuu]

Can't be more thankful to you Hitesh sir, really appreciate your efforts :)

[@NasirSport]

Sir Bahot Shukria Apke channel sy bahot faida hua hai mujhy,

[@ujjwalssharma8149]

amazing explanation hitesh sir

[@lyrix2864]

really enjoying this course and i hope to remain consistent throughout the course

[@Nikhil_Singh9]

Really amazing playlist , the way of teaching is interesting ❤

[@STRONIXGaming]

The course is too good best React.js Course on KZbin

[@curiousforever1271]

Thankyou so much Sir for explaining us so well and making our learning experience great. ❤

[@GopalKhandelwal-ro8oi]

Thankyou Hitesh sir this is better than a paid course!

[@GohelAbhi]

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.

[@Shrawani_Chaudhari]

so simple way to teach complex things ...thank you sir so much to learn from you

[@gopitrip]

maza aaya bhaiya thank you!

[@kuldeeppathak7323]

sir aap bahut ache se react padhate hai. thank you sir

[@visheshgupta4990]

wow tailwind itti easy thi , You are amazing sir ❤🙌

[@nehabansal370]

I am fan of your way of simplifying things sir. Thankyou so much.