React js how to add CSS styles 🎨

[@BroCodez]

// ---------- CSS STYLE SHEET ---------- .button{ background-color: hsl(200, 100%, 50%); color: white; padding: 10px 20px; border-radius: 5px; border: none; cursor: pointer; } // ---------- EXTERNAL ---------- function Button(){ return(Click me); } export default Button // ---------- MODULES ---------- import styles from './Button.module.css' function Button(){ return(Click me); } export default Button // ---------- INLINE ---------- function Button(){ const styles = { backgroundColor: "hsl(200, 100%, 50%)", color: "white", padding: "10px 20px", borderRadius: "5px", border: "none", cursor: "pointer", } return(Click me); } export default Button

[@JourneyNomoneyinvested]

Bro I appreciate you alot, I have one request ONlY one , I really want to see Laravel frame Work with php full course, and creating management system project with mysql laraval html and css This full course would blow the internet as it's the mostly used frame work for developing web system. Make it the next Course in the next days please

[@binuthomasphilip6061]

Best react tutorials I found on KZbin

[@bambinoesu]

totally agree and i have listened to many - bro code is the best by far

[@nemesisxl6736]

I just finished your 8 hours JavaScript course and JavaScript MDN, and I started to learn React, this course came at the right time! I hope you can make React tutorials more frequently though.

[@hunin27]

Hey, thanks bro! Again, it may seem like nothing, but what you are doing is amazing, especially for someone who is learning React like me. Thanks for everything bro. Lots of love from Italy ❤

[@TheWebboxchannel]

To me this was the most helpful video on this topic. Informative, consise, and quick explanations. Thank you so much ❤

[@pkpkpkpkpk669]

Thank you for this! One thing I would like to point out for modular css, when you have a multi word class name (card-title, card-text, etc) you must use bracket notation to use the styles: TEXT If you try to access with {styles.card-text} you will get an error. Hope this helps!

[@TheBacker007]

I wish you were my teacher while I was in college. Awesome explanation!!!!

[@Kersevtech]

Thank you, You been helping us a lot with your tutorials. You are the best Bro!

[@Smurfis]

Thanks for these tutorials me and my brother are trying to do a react project and I feel totally lost when I felt comfortable with html css and js

[@Vishaldhakad-x8h]

hello sir can you make a playlist of full MERN STACT Mini PROJECTS.......TQ sir Your teaching skils is very good and understanding.☺☺

[@kamaleshpramanik7645]

Very helpful video .. Thank you very much Bro.

[@balusubramaniam2335]

very informative nice thank you for the video🙂

[@vidhyasagargslv1766]

waiting for this video .... hope next video comes fast

[@KosaQDev]

Thank You So Much For Your Videos!

[@hunin27]

Now that I learned all of the ways to put CSS, I can say that I also prefer modules!

[@razelfluff7125]

Your videos are so helpful! Can you make a video about luau?

[@nikhiltiwari7371]

Please make videos about front end and backend frameworks

[@fenix2598]

wow nice

[@metillogan7539]

Tnx for Vid

[@akshayav1035]

yo bro, what about the sx prop? have you used it? that is again inline css right?

[@AIZEN155]

Although I know React, I enjoy the videos

[@ChromeandClean]

Hey bro , have you ever thought about doing MATLAB

[@otabekmadaminov-z2i]

thank you bro

[@Amfrdluci-iz2yl]

Upload tutorial for tailwind css

[@shivanshuhere]

noice 😁

[@nazmulhridoy]

😍

[@IAN-gr9sy]

how about with bootstrap bro?

[@bryanalcantara7021]

fullcourse of react js please

[@Delicatamente]

huge thanks!