Коллеги, подскажите, пожалуйста, по следующему вопросу (делаю курс с Udemy): 1.

Question

Коллеги, подскажите, пожалуйста, по следующему вопросу (делаю курс с Udemy): 1.

Лектор создал UI компонент для Button - https://i.imgur.com/IEVsVyX.png.
2. Он использовал его в другом компоненте - https://i.imgur.com/BtcQLd6.png.
3. Я понял, как это работает, но мне кажется, что это "какие-то не очень полезные дополнительные действия". Не проще ли было бы создать единый css файл, загрузить туда класс .button и просто присваивать его для кнопок? Это философский вопрос, просто вот не очень понимаю смысл.

#frontend #javascript #programming #react.js #russian

0

14.06.2021

8 ответов

3 просмотра

Andrew Summers Автор вопроса

ну да, то есть, в Button компоненте может быть прописана бизнес-логика, которую не удается передать через css классы и поэтому мы используем компоненты, правильно понял?

0

14.06.2021

Влад

Здесь дело не в классе, а в самом компоненте. Лектор вам пытался показать, минимальный модульный подход. К сожалению в данном примере он не добавил дополнительный функционал в этот компонент и для вас это выглядит, как обычная кнопка, которую вынесли в отдельный файл, но представьте, что эта кнопка будет по нажатию подгружать новые статьи или отправлять данные, для этого ее и выносят в отдельный файл, чтобы потом не дублировать эту логику.

0

14.06.2021

Руслан Крикливый

Плюсую

0

14.06.2021

Andrew Summers Автор вопроса

понял, компонент включает как стили. так и логику. Можно переиспользовать такие компоненты, а не писать JS заново. Спасибо, разобрался.

0

14.06.2021

Влад

Так же есть понятие модульных стилей. По факту те же стили, но их можно использовать как переменные. Их преимущество в том, что реакт на выходе вместо класса .button, напишет .button_h3gvd, где h3gvd является хэшем. Что даёт возможность делать одинаковые по названию классы, но разные по наполнению. И благодаря хэшу они в одном и том же компоненте не будут пересекаться.

0

14.06.2021

Влад

На здоровье

0

14.06.2021

Andrew Summers Автор вопроса

да, эта тема будет раскрута на следующих уроках, спасибо за наводку

0

14.06.2021

Руслан Крикливый · Accepted Answer

Руслан Крикливый

Если бы ты делал это только через класс, то не смог бы переиспользовать функционал кнопки. Это и есть компонентный подход, то есть делить на компоненты и переиспользовать их в случае чего.

0

14.06.2021

169 похожих чатов

Коллеги, подскажите, пожалуйста, по следующему вопросу (делаю курс с Udemy): 1.

8 ответов

Похожие вопросы