Size: a a a

2020 October 26

AR

Alexey Raspopov in Frontend UA
у меня в одном файле часто 4+ компонентов, даже если всего один экспортится
источник

E

Evgen in Frontend UA
Alexey Raspopov
у меня в одном файле часто 4+ компонентов, даже если всего один экспортится
Скорее всего один и экспортится?
источник

NL

Nikita Lyubchich in Frontend UA
А если надо какой нибудь общий модель или компонент? Не знаю, какие нибудь инпуты или что-то подобное
источник

AR

Alexey Raspopov in Frontend UA
если в какой-то момент оказывается что есть какой-то общий компонент — я возможно вынесу его в отдельный файл
источник

AL

Andrey Listochkin in Frontend UA
мне нравится делать имена типо

<domain-area>.<role>.<extension>

Тогда не надо размазывать
источник

AL

Andrey Listochkin in Frontend UA
Evgen
Скорее всего один и экспортится?
Даже если и много, это тоже ок.
источник

NL

Nikita Lyubchich in Frontend UA
Alexey Raspopov
о, вот кстати чтобы я ещё дописал в бест практицес это “не создавать папки по типу кода: reducers, components, hooks, …”
У меня сейчас вот как раз такая портянка, и когда последний раз притрагивался к фронту там - было ну очень больно. Но там вопрос к тому что ещё и инженер не писал тесты т.к. спешили, а теперь расхлебывает команда)
источник

AR

Alexey Raspopov in Frontend UA
Evgen
Скорее всего один и экспортится?
у меня так же есть файлы где экспортируется набор функций по работе с апи, все отдельно, именованные экспорты
источник

NL

Nikita Lyubchich in Frontend UA
Alexey Raspopov
если в какой-то момент оказывается что есть какой-то общий компонент — я возможно вынесу его в отдельный файл
Окей, а можешь как-то показать как оно выглядит? Ну к примеру инпут и два самостоятельных компонента который его использует. Все три директории будут на одном уровне в ./lib?
источник

AL

Andrey Listochkin in Frontend UA
Alexey Raspopov
у меня так же есть файлы где экспортируется набор функций по работе с апи, все отдельно, именованные экспорты
у меня на этот счет есть задолб. Если я експортю класс, то я пишу export class KlassName {}

Если функцию, я пишу export function funcName () {}

никаких export const name = () => {}
источник

AR

Alexey Raspopov in Frontend UA
Nikita Lyubchich
Окей, а можешь как-то показать как оно выглядит? Ну к примеру инпут и два самостоятельных компонента который его использует. Все три директории будут на одном уровне в ./lib?
инпут в смысле <Input />?
источник

AR

Alexey Raspopov in Frontend UA
Andrey Listochkin
у меня на этот счет есть задолб. Если я експортю класс, то я пишу export class KlassName {}

Если функцию, я пишу export function funcName () {}

никаких export const name = () => {}
тоже не люблю стрелки, пишу function declaration 😄
источник

NL

Nikita Lyubchich in Frontend UA
Alexey Raspopov
инпут в смысле <Input />?
Тип того, да. Который хочется переимподьзовать из обоих компонентов
источник

AR

Alexey Raspopov in Frontend UA
у меня нету компонентов типа <Input /> или <Button />, может от того мне проще думать про компоненты)
источник

Вт

Ві тя in Frontend UA
Nikita Lyubchich
Тип того, да. Который хочется переимподьзовать из обоих компонентов
в модуль отдельньій не?
источник

Вт

Ві тя in Frontend UA
и в нпм
источник

E

Evgen in Frontend UA
Alexey Raspopov
у меня нету компонентов типа <Input /> или <Button />, может от того мне проще думать про компоненты)
Это ж uikit какой-нибудь
источник

AR

Alexey Raspopov in Frontend UA
мой uikit это css
источник

AR

Alexey Raspopov in Frontend UA
один файл это normalize.css, второй файл это atomics.css 😄
источник

NL

Nikita Lyubchich in Frontend UA
Alexey Raspopov
у меня нету компонентов типа <Input /> или <Button />, может от того мне проще думать про компоненты)
Я про переиспользование  компонентов в целом) пускай это будет ProductsFilter, который сильно завязан на бизнес домен и хочется использовать в двух других компонентах
источник