отдельный файл для стилевых компонентов или писать стилевые компонеты сразу в jsx/tsx?
Отдельный лучше) styled.ts
спасибо, а другим разрабам будет удобно читать?
component-name.tsx component-name.styled.ts
Плюсом сразу видно основной файл, который принадлежит папке
делаешь Button/ index.ts button.tsx button.styled.ts index.ts: export * from './button' button.tsx: import { Container } from './button.styled' export const Button = () => ( <Container>...</Container> ) button.styled.ts: import styled from 'styled-components' export const Container = styled('div')``
Зачем повторяться?
где повторение-то?
раньше было что бы во вкладке видеть название компонента а не просто индекс, сча уже вс код берет название с папки если два индекса открыто
сразу
прими мысль о том, что styled component это такой же как компонент как и “не styled”. То что сегодня выглядит как styled (const ProductList = styled.ui’’) завтра спокойно может стать чем то чуть сложнее. И так измененения должна касать только его. А если ты разделяешь styled и не styled, то получается что тебе придется - вынести его в отвельный файл - поменять все импорты но зачем, если просто поменалсь реализации одного из компонентов?
Обсуждают сегодня