Можно ли использовать компонент «Коробка» для всего?

Question

В настоящее время я использую эмоции с плагином стилизованной системы и документацией, есть несколько примеров компонента Box, который мы можем использовать для создания некоторых блоков нашего макета, например:

Может это из-за каких-то моментов выступления?

Answer 1

Я думаю, что одна из причин этого - семантика (удобочитаемость). С первого взгляда вы не сможете сказать, что это за вещи, если все они представляют собой «коробки». Все может унаследоваться от коробки, но не должно быть просто коробкой, если есть варианты получше, например Image или же Flex.

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

Эта модель используется в стандартном HTML, так как

      <Box>
   <Text>Hello world</Text>
</Box>

очень похоже

      <div>
    <p>Hello world</p>
</div>