Тёмный

Conditional Styling using ClassName in React + Classnames package explained 

React with Masoud
Подписаться 5 тыс.
Просмотров 35 тыс.
50% 1

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.

Опубликовано:

 

31 июл 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 21   
@sebas_tian
@sebas_tian 2 года назад
Exactly the video I needed, thanks so much !!!
@piotrszczesniak685
@piotrszczesniak685 2 года назад
Thanks for the video - nicely explained the usage of classNames :)
@masrafirinvi
@masrafirinvi 2 года назад
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
@margaritopineda3490
@margaritopineda3490 3 года назад
Great help, thanks!
@holgerst3655
@holgerst3655 3 года назад
Thanks for the helpful video.
@saharamanson1970
@saharamanson1970 2 года назад
awesome that i was looking for ...
@rafiqjarjous7542
@rafiqjarjous7542 2 года назад
yep! that what i was looking for ty ⚛
@jesselopez2173
@jesselopez2173 3 года назад
awesome.
@Usevectors
@Usevectors 2 года назад
You're the best
@vadicus6534
@vadicus6534 2 года назад
Спасибо, отличное видео! лайк)
@mortezakeramat9349
@mortezakeramat9349 6 месяцев назад
hi Masoud thank you for teaching
@emreugur6658
@emreugur6658 2 года назад
really nice
@ianbergia5013
@ianbergia5013 3 года назад
Great tutorial. Thanlk you
@ReactWithMasoud
@ReactWithMasoud 3 года назад
Glad it was helpful!
@hellrtd
@hellrtd 3 года назад
Thanks.
@moalii7775
@moalii7775 3 года назад
damet garm
@laxmanbista3195
@laxmanbista3195 2 года назад
Where are these files or css?
@errinwright
@errinwright 2 года назад
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.
@user-do7dv4kd2g
@user-do7dv4kd2g 3 года назад
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 && (bla bla bla)}. .thanks for tuttorial
@kacperkepinski4990
@kacperkepinski4990 3 года назад
what is going on with isopen???????????!!!
@deca4553
@deca4553 3 года назад
isOpen gets toggled between true and false whenever onClick is triggered on title
Далее
How React ACTUALLY works (DEEP DIVE 2023)
12:59
Просмотров 49 тыс.
🎙ПОЮ твои ЛЮБИМЫЕ ПЕСНИ💥
3:22:10
Eddie Hall VS Neffati Brothers
00:11
Просмотров 1,7 млн
Learn useState In 15 Minutes - React Hooks Explained
15:45
React JS Explained In 10 Minutes
10:00
Просмотров 236 тыс.
React Testing Tutorial (Jest + React Testing Library)
22:16
Tippy JS Tutorial | How to build tooltips in ReactJs
14:25
The Story of Next.js
12:13
Просмотров 545 тыс.
CONDITIONAL RENDERING IN REACT | ReactJS Tutorial
7:23
🎙ПОЮ твои ЛЮБИМЫЕ ПЕСНИ💥
3:22:10