Size: a a a

React: русскоязычное сообщество

2021 February 04

D

Dima in React: русскоязычное сообщество
пиздец
источник

cb

callpack bsm in React: русскоязычное сообщество
Vitalii Stroinov
Привет! Подскажите, пожалуйста, по контейнерным компонентам. На скрине компонент Header, в котором, кроме возврата JSX, единственная переменная - с помощью хука получаю pathname. Нужно ли в таком случае создавать контейнер для Header и выносить туда эту переменную?
если у тебя в компоненте одна переменная, это не значит что она становится 'умной'
источник

VS

Vitalii Stroinov in React: русскоязычное сообщество
callpack bsm
если у тебя в компоненте одна переменная, это не значит что она становится 'умной'
можешь подробнее объяснить? глупый компонент должен же только возвращать JSX? и нужен ли все таки контейнер?
источник

cb

callpack bsm in React: русскоязычное сообщество
Vitalii Stroinov
можешь подробнее объяснить? глупый компонент должен же только возвращать JSX? и нужен ли все таки контейнер?
я сам не знаток, но все таки если в твоей компоненте толька одна милиписечная переменная, навряд ли она становится из за этого умной
источник

cb

callpack bsm in React: русскоязычное сообщество
главное что не запросов, или общение со стором
источник

D

Dima in React: русскоязычное сообщество
Vitalii Stroinov
можешь подробнее объяснить? глупый компонент должен же только возвращать JSX? и нужен ли все таки контейнер?
смотри, если ты собираешься этот хедер шарить между несколькими приложениями, то эту переменную вынеси в отдельный проп
источник

VS

Vitalii Stroinov in React: русскоязычное сообщество
понял.. спасибо, парни
источник

cb

callpack bsm in React: русскоязычное сообщество
Vitalii Stroinov
понял.. спасибо, парни
вот впринципе нормальная шпора
источник

cb

callpack bsm in React: русскоязычное сообщество
источник

ДБ

Дмитрий Бондаренко... in React: русскоязычное сообщество
Контейнеры старьё
источник
2021 February 05

A

Anastasiia in React: русскоязычное сообщество
ребята, чем функциональные компоненты с хуками лучше чем классовые?
источник

Р

Руслан in React: русскоязычное сообщество
Anastasiia
ребята, чем функциональные компоненты с хуками лучше чем классовые?
Подход новее, кода писать меньше, в целом приятнее выглядит :)) Кастомные хуки очень полезные
источник

A

Anastasiia in React: русскоязычное сообщество
и всё? просто красивее и удобнее?)
такой ответ увы не сильно удовлетворяет интервьюеров 🙄
источник

Р

Руслан in React: русскоязычное сообщество
Anastasiia
и всё? просто красивее и удобнее?)
такой ответ увы не сильно удовлетворяет интервьюеров 🙄
А для чего в целом нужны реакты/ангуляры/вью? Для того, чтоб писали меньше кода для повторяющихся задач и чтоб удобнее все это можно было организовывать :) Если прям для интервью нужен развёрнутый ответ на пару страниц на вопрос «Чем хуки лучше классовых компонентов» достаточно обратиться к гуглу и прочитать 1-2 статьи, но суть останется той же
источник

A

Anastasiia in React: русскоязычное сообщество
@almdev спасибо))
источник

P

Pavel in React: русскоязычное сообщество
Смотря в каких случаях.
В хуки Error Boundary так и не завезли. )
источник

H ᵘ ʜ ᵘ in React: русскоязычное сообщество
привет. подскажите плиз, как в родителе узнать, вернул ли рендер чайлда null при +- такой структуре?
<ButtonWrapper>
   <Button1/>
   <Button2/>
</ButtonWrapper>

это для того, чтобы понять, выводить ли див вокруг детей
внутри враппера дети оборачиваются в див
render() {
   const {children} = this.props
   
   if (!Children.count(children)) {
       return null
   }

   return <div>{children}</div>
}
источник

ЯY

Ярослав Yaroslav... in React: русскоязычное сообщество
H ᵘ ʜ ᵘ
привет. подскажите плиз, как в родителе узнать, вернул ли рендер чайлда null при +- такой структуре?
<ButtonWrapper>
   <Button1/>
   <Button2/>
</ButtonWrapper>

это для того, чтобы понять, выводить ли див вокруг детей
внутри враппера дети оборачиваются в див
render() {
   const {children} = this.props
   
   if (!Children.count(children)) {
       return null
   }

   return <div>{children}</div>
}
Лучше поднять логику которая в кнопке на уровень враппера, а дальше уже тривиально
источник

H ᵘ ʜ ᵘ in React: русскоязычное сообщество
Ярослав Yaroslav
Лучше поднять логику которая в кнопке на уровень враппера, а дальше уже тривиально
хотелось бы кнопку оставить абстрактной. есть какие-то способы?
источник

H ᵘ ʜ ᵘ in React: русскоязычное сообщество
из адекватных
источник