Size: a a a

React — русскоговорящее сообщество

2020 October 29

DA

Danya Adadurov in React — русскоговорящее сообщество
Bugs Bunny
если честно, я не понимаю концепцию
то есть, условно у нас есть Button. внезапно, нам нужен Button с Icon.
мы берем Button, добавляем ему startIcon, endIcon пропы, вешаем на них классы из модуля и все
А можно просто написать button button—red и кнопка будет красной, а потом добавить icon и там будет икнока
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
а на модулях так сделать нельзя?
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
Danya Adadurov
А можно просто написать button button—red и кнопка будет красной, а потом добавить icon и там будет икнока
а зачем тогда реакт?
источник

DA

Danya Adadurov in React — русскоговорящее сообщество
Nikolay Tolochnyy
а зачем тогда реакт?
А реакт не эту проблему решает
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
лол
источник

DA

Danya Adadurov in React — русскоговорящее сообщество
Это либа для SPA лол)
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
да, вроде как, пытается
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
есть инфа, что у него неплохо получается
источник

А

Александр in React — русскоговорящее сообщество
Nikolay Tolochnyy
когда можно делать элементы элементов?
В общем речь была о служебных блоках, не удалось найти почему-то кокретно как он пишется в доке, помню, что это делается примерно так
<ul class='list'>
   <li class='list__item'>
       <a class='list__item-link'>link</a>
   </li>
</ul>
Но с реактом надобность и в таком в принципе отпадает, когда всё можно делать через композицию.
https://ru.bem.info/methodology/quick-start/#%D0%92%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%BD%D0%BE%D1%81%D1%82%D1%8C-1
источник

NK

N K in React — русскоговорящее сообщество
Ребят, насколько часто встречается redux-saga по отношению к thunk?
источник

S

Stanislav in React — русскоговорящее сообщество
Danya Adadurov
Это либа для SPA лол)
а мне казалось это либа для построения ui, но вам виднее
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Александр
В общем речь была о служебных блоках, не удалось найти почему-то кокретно как он пишется в доке, помню, что это делается примерно так
<ul class='list'>
   <li class='list__item'>
       <a class='list__item-link'>link</a>
   </li>
</ul>
Но с реактом надобность и в таком в принципе отпадает, когда всё можно делать через композицию.
https://ru.bem.info/methodology/quick-start/#%D0%92%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%BD%D0%BE%D1%81%D1%82%D1%8C-1
или через рендер-проп и экспортом служебных компонентов
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
material ui прям показывает наглядно, как это работает
источник

А

Александр in React — русскоговорящее сообщество
Bugs Bunny
или через рендер-проп и экспортом служебных компонентов
Ну это я к тому, что если нормально писать компоненты, то там и не будет большой вложенности
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
я как-то видел либу, где у Button около 200 пропов. само собой оверхэд, но над реюзабельностью они, конечно, заморочились
источник

NT

Nikolay Tolochnyy in React — русскоговорящее сообщество
Александр
В общем речь была о служебных блоках, не удалось найти почему-то кокретно как он пишется в доке, помню, что это делается примерно так
<ul class='list'>
   <li class='list__item'>
       <a class='list__item-link'>link</a>
   </li>
</ul>
Но с реактом надобность и в таком в принципе отпадает, когда всё можно делать через композицию.
https://ru.bem.info/methodology/quick-start/#%D0%92%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%BD%D0%BE%D1%81%D1%82%D1%8C-1
ну тут не элемент элемента, но мысль я понял, спасибо)
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Александр
Ну это я к тому, что если нормально писать компоненты, то там и не будет большой вложенности
ну вот в случае с Dialog хз, как по-другому сделать.
там есть сам Dialog, DialogContent, DialogTitle, DialogActions. может, еще что-то
источник

DA

Danya Adadurov in React — русскоговорящее сообщество
Александр
В общем речь была о служебных блоках, не удалось найти почему-то кокретно как он пишется в доке, помню, что это делается примерно так
<ul class='list'>
   <li class='list__item'>
       <a class='list__item-link'>link</a>
   </li>
</ul>
Но с реактом надобность и в таком в принципе отпадает, когда всё можно делать через композицию.
https://ru.bem.info/methodology/quick-start/#%D0%92%D0%BB%D0%BE%D0%B6%D0%B5%D0%BD%D0%BD%D0%BE%D1%81%D1%82%D1%8C-1
В бэме допускается любая вложенность элементов, это в доке не первых страницах написано https://prnt.sc/v9cpxr
источник

А

Александр in React — русскоговорящее сообщество
Nikolay Tolochnyy
ну тут не элемент элемента, но мысль я понял, спасибо)
Ну да, если прям элемент элемента надо создать, то стоит задуматься над тем, а не пора ли отдельный блок делать, как собственно и в реакте надо время от времени задумываться, а нельзя ли разбить один компонент на несколько
источник

S

Stanislav in React — русскоговорящее сообщество
N K
Ребят, насколько часто встречается redux-saga по отношению к thunk?
точных цифр нет, но есть это

https://www.npmtrends.com/redux-thunk-vs-redux-saga
источник