Гайз! Такой опрос позволю себе. В общем, есть под-компонент, рендер

Question

Гайз! Такой опрос позволю себе. В общем, есть под-компонент, рендер

которого зависит от передаваемого пропса (пусть будет isShow, как то часто бывает в модалках, например).

<App><Modal isShow /></App>

Есть два мнения, нужно оборачивать условием обращение к компоненту, либо не нужно.

<App>{isShow && <Modal isShow />}</App>

Кто-то утверждает, что нужно, чтобы интерпретатор даже не пытался тратить время на лишние в тч асинхронные колы, и в сумме по всему приложению таких обращений может набегать вполне себе ощутимо, а кто-то говорит, что времени на это тратиться очень мало и этим можно пренебречь в пользу, например, хорошей читаемости кода.

Опрос – нужно или нет оборачивать условно создаваемые компоненты?

#frontend #javascript #programming #react.js #russian

0

14.07.2021

13 ответов

9 просмотров

Yuriy Roskoshinsky Автор вопроса

Считайте что анимации нет.

0

14.07.2021

Yuriy Roskoshinsky Автор вопроса

Я понимаю, что частные случаи могут быть везде. Но тут скорее вопрос подхода. Поэтому предлагаю абстрагироваться от нюансов.

0

14.07.2021

Igor Lobanov

вот да

0

14.07.2021

Yuriy Roskoshinsky Автор вопроса

Я предложил считать выше что анимации нет)

0

14.07.2021

Igor Lobanov

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

0

14.07.2021

Igor Lobanov

тут правильно написано

0

14.07.2021

Dmitry Remezov

Если берем кейс тупо показать/скрыть по условию, то, конечно, {foo && <Bar />}, хз че тут думать 😅

0

14.07.2021

Igor Lobanov

раз уж на то пошло считаю, что чем меньше логики в jsx тем лучше, пишу типа const renderBar = () => { if (!foo) { return null; } return <Bar /> } {renderBar()} (для таких простых случаев конечно можно оставить в jsx, но обычно там пропсы передаются и т.д.)

0

14.07.2021

Roman Usherenko

а если потом окажется, что надо добавить анимацию на скрытие?)

0

14.07.2021

Dmitry Remezov

Компромисс че

0

14.07.2021

Dmitry Remezov

Всегда можно поверх, кста

0

14.07.2021

Dmitry Remezov

Почти*

0

14.07.2021

Dmitry Remezov · Accepted Answer

Dmitry Remezov

Нет никаких двух мнений, это просто разные условно отображаемые компоненты {error && <Error … />} vs <Popup open={open}>…</Popup> Компоненту либо нужен транзишн, либо нет

0

14.07.2021

169 похожих чатов

Гайз! Такой опрос позволю себе. В общем, есть под-компонент, рендер

13 ответов

Похожие вопросы