Как написать тернарии, которые заставят мультяшные сердца пульсировать в глазах вашей команды разработчиков…

Как разработчика, который гордится чистым, унифицированным кодом, меня всегда беспокоило, когда я видел несогласованные тернарные коды. Но потом я понял, что меня никогда не учили какому-то определенному пути. И казалось, что ни у кого другого, с кем я работал, тоже не было метода. Я был бы в командах, где каждый человек форматировал их по-разному. Но наиболее распространенное форматирование, которое я видел, было таким:

{isPatrick ? 
   ‘This is Patrick’ 
   : ‘This is the Krusty Krab’}

И я ненавидел это. Не имело смысла (по крайней мере для меня) не выстраивать фигурные скобки и возвраты, особенно когда были более сложные возвраты.

Ниже приведен пример правила, которое я использую сейчас, чтобы убедиться, что мой код идеально выровнен и удобочитаем.

При написании коротких и простых тернарных кодов, конечно, используйте однострочник (если вы видите это как две строки на мобильном телефоне, нет, вы не видели):

{isPatrick ? ‘This is Patrick’ : ‘This is the Krusty Krab’}

Но при возврате компонента с дочерними элементами или создании любых вложенных троичных файлов используйте разрывы строк и делайте отступы для правды и лжи следующим образом:

{isFirstPhoneCall
   ? <div>
      <h1>No,</h1>
      <p>This is Patrick.</p>
   </div>
   : isSecondPhoneCall
      ? <div>
         <h1>NO!</h1>
         <p>THIS IS PATRICK!</p>
      </div>
      : <div>
         <h1>We're sorry,</h1>
         <p>The number you have reached has been disconnected.</p>
      </div>
}

Желаем вам красивого кода и счастливого Дня святого Валентина!

XOXO,
Бэйтс