Conditional Styling using ClassName in React + Classnames package explained

In this video, you will see how to have conditional styling using className in React. I have prepared a simple react template for this video and we are going to use reactjs state and conditional styling to add simple drop-down functionality to our example project.

At the end of the video, I will show you how to use classNames npm package to handle conditional styling in a better way.

I am waiting for your questions and feedback. Hope you learn a lot.

[masrafirinvi]

So much Thanks man. I was stuck with A little bug for more than 6 hours. I just solved it man... Thank you so so much

[piotrszczesniak]

Thanks for the video - nicely explained the usage of classNames :)

[sebas_tian]

Exactly the video I needed, thanks so much !!!

[rafiqjarjous]

yep! that what i was looking for
ty
⚛

[errinwright]

What about conditional rendering CLASSNAMES following a comments.map((comment, key) => {}, e.g. show a Pink heart when you LIKE. any one of those comments you had on this video.

[АльфредГордан]

this is cull ---- ? if not then : ---when you need to have two choices BUT if you need to have only one condition like if is true then thu this if is not don't do nothing better to use && (for example) {isSelectedForRepeat === false && (<div>bla bla bla</div>)}. .thanks for tuttorial