React: лучшие практики

[shadek]

bind в классах? статья 2018 года?

[laisto]

а можно пример когда && сработает некорректно, в отличии от тринарного?

[faiwer]

const value = 0;
0 && <br/>; // на экране "0"
0 ? <br/> : null; // пустота

С пустой строкой та же самая ситуация, но сложнее этим что-то сломать. Однако можно. Например если это children к какому-нибудь компоненту, который на '' отреагирует иначе, не так как на children: null.

тринарного

тернарный

[AlanFisher]

Эта статья получила неоправданно мало внимания. Большое спасибо за перевод и размещение здесь, поглядим что ещё есть у автора :)

[yaroslav_samardak]

В некоторых случаях использование коротких вычислений (оператора «логическое И» — &&) для условного рендеринга может привести к отображению 0 в UI

Не хочу умничать, но в таких ситуациях можно так-же использовать двойное отрицание

function Component() {
  const count = 0

  return <div>{!!count && <h1>Сообщения: {count}</h1>}</div>
}