Выглядеть будет лучше, но чем больше у вас неявного приведения - тем меньше надежность
Я скажу страшное, но мне кажется, что foo === null ? : лучше, чем foo ? :  :)

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

тогда так лучше?

Вот пример из моего рабочего кода

{
          (expand === NExplorerEntityExpandType.dir && ListData &&
            <FixedSizeList outerRef={ref}
              itemCount={ListData.length}
              height={height - 2}
              width={width - 2}
              itemSize={32}
              itemData={ListData}
            >
              {Item}
            </FixedSizeList>)
          || (opend?.type === NExplorerEntityType.file_empty &&
            <Typography>Пустой файл</Typography>)
          || (expand === NExplorerEntityExpandType.txt && TxtData && opend!.encoding &&
            <MyMonacoEditor
              height={height - 2}
              width={width - 2} data={TxtData} encoding={opend!.encoding} />)
        }

я их вообще привык с рендера выносить и тогда оно вообще

const some = data? data.map()... : null;

return(
  <div>{ some } </div>
)

const some = data? data.map()... : null;

return(
  <div>{ some } </div>
)

зачем рендерить пустой див

Простите, что я вас запутал, но в этом случае разницы не будет на самом деле)

Потому, что вы в любом случае videoLink  и imageUrl неявно приводите к Boolean и надеетесь, что они будут false или true когда вы ожидаете)

Тогда хоть тернарник, хоть && разницы не даст)

const some = data? data.map()... : null;

return(
  <div>{ some } </div>
)

тогда они теряются из вида когда у тебя огромный компонент

ну это пример был , ты возвращаеш какуето верстку не важно что ты там меппиш

Возвращать пустой див не окъ

это лишний мусор

при чём тут пустой див , вопрос был про вынос тернарников с рендера

я сужу по приведенному примеру

{
          (expand === NExplorerEntityExpandType.dir && ListData &&
            <FixedSizeList outerRef={ref}
              itemCount={ListData.length}
              height={height - 2}
              width={width - 2}
              itemSize={32}
              itemData={ListData}
            >
              {Item}
            </FixedSizeList>)
          || (opend?.type === NExplorerEntityType.file_empty &&
            <Typography>Пустой файл</Typography>)
          || (expand === NExplorerEntityExpandType.txt && TxtData && opend!.encoding &&
            <MyMonacoEditor
              height={height - 2}
              width={width - 2} data={TxtData} encoding={opend!.encoding} />)
        }

{expand === NExplorerEntityExpandType.dir && ListData ? (
            <FixedSizeList
              outerRef={ref}
              itemCount={ListData.length}
              height={height - 2}
              width={width - 2}
              itemSize={32}
              itemData={ListData}>
              {Item}
            </FixedSizeList>
          ) : opend?.type === NExplorerEntityType.file_empty ? (
            <Typography>Пустой файл</Typography>
          ) : expand === NExplorerEntityExpandType.txt &&
            TxtData &&
            opend!.encoding ? (
            <MyMonacoEditor
              height={height - 2}
              width={width - 2}
              data={TxtData}
              encoding={opend!.encoding}
            />
          ) : null}

Вот с переписыванием в тернарники

это раз

два: ты создаешь лишнюю переменную

лан, Prettier могёт оказ в них... Прост Dart не могёт

оё всё не нужно плз

кек

но в моём коде знак вопроса тернарника теряется