Size: a a a

React — русскоговорящее сообщество

2020 October 06

VK

Vladimir Klimov in React — русскоговорящее сообщество
Олег
чтобы компоненты были тонкие. не люблю когда компонент больше 40-50 строк
Это лишнее. Вы размазываете то, что относится к одному компоненту, на несколько разных файлов
Это не улучшает ничего, только все усложняет.
источник

О

Олег in React — русскоговорящее сообщество
Vladimir Klimov
Это лишнее. Вы размазываете то, что относится к одному компоненту, на несколько разных файлов
Это не улучшает ничего, только все усложняет.
я бы хотел всё вынести в хуки но пока не пойму как потому что по факту это просто метод. надо подумать как сделать удобно и чтобы код был читаемым. насчет размызывания не увеерен потому что у IDE есть быстрый способ перейти к методу
источник

IN

Igor N in React — русскоговорящее сообщество
ты в чате реакта спрашиваешь про ангуляр? ну камон
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Олег
я бы хотел всё вынести в хуки но пока не пойму как потому что по факту это просто метод. надо подумать как сделать удобно и чтобы код был читаемым. насчет размызывания не увеерен потому что у IDE есть быстрый способ перейти к методу
В хуки можно вынести.
Просто из хука возвращайте хендлеры и нужные для компонента пропсы
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Олег
чтобы компоненты были тонкие. не люблю когда компонент больше 40-50 строк
сами импорты могут занимать 40-50 строк🌚
источник

О

Олег in React — русскоговорящее сообщество
Maxim Koylo
сами импорты могут занимать 40-50 строк🌚
это очень плохо
источник

KS

Konstantin Sidorov in React — русскоговорящее сообщество
Егорка
Так, это то понятно, но как мне сделать так, чтобы внутрь данные вписать
Передать данные в компонент, достать их из пропсов... Не знаю как еще ответить без кода. Откуда они в defaultProps у вас появляются?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Maxim Koylo
сами импорты могут занимать 40-50 строк🌚
Ну так импорты в одном файле,  jsx- в другом, хуки - отдельно, css - отдельно🤣
источник

О

Олег in React — русскоговорящее сообщество
Vladimir Klimov
В хуки можно вынести.
Просто из хука возвращайте хендлеры и нужные для компонента пропсы
ок. попробую, спасибо.
источник

Е

Егорка in React — русскоговорящее сообщество
Konstantin Sidorov
Передать данные в компонент, достать их из пропсов... Не знаю как еще ответить без кода. Откуда они в defaultProps у вас появляются?
Если вдруг не лень, лучше кодом, я вот не понимаю, как данные всунуть (можно даже без дефолта)
источник

О

Олег in React — русскоговорящее сообщество
Vladimir Klimov
Ну так импорты в одном файле,  jsx- в другом, хуки - отдельно, css - отдельно🤣
и получим ангуляр)
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Олег
и получим ангуляр)
У ангуляра просто шаблоны отдельно. У реакта шаблонов нет.
Стили, разметка и логика - это все части компонента. Нет ничего плохого чтобы держать это в одном файле. Проблема ж не в размере файла, а в том, как это написано и спроектировано.
источник

О

Олег in React — русскоговорящее сообщество
Vladimir Klimov
У ангуляра просто шаблоны отдельно. У реакта шаблонов нет.
Стили, разметка и логика - это все части компонента. Нет ничего плохого чтобы держать это в одном файле. Проблема ж не в размере файла, а в том, как это написано и спроектировано.
ну вот спроектировано плохо, если файл большой получился . но пока думать об архитектуре нет времени. это слишком сложно
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Олег
ну вот спроектировано плохо, если файл большой получился . но пока думать об архитектуре нет времени. это слишком сложно
у тебя был продакшен опыт?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Олег
ну вот спроектировано плохо, если файл большой получился . но пока думать об архитектуре нет времени. это слишком сложно
Короче, "не люблю  компоненты больше 40 строк" - это просто личный "фетишь", который никакого качества не гарантирует и ничего о вашем коде не говорит)
источник

О

Олег in React — русскоговорящее сообщество
Maxim Koylo
у тебя был продакшен опыт?
сейчас начался интересный опыт. и поэтому возникают такие вопросы
источник

ДД

Даниил Дьяченко... in React — русскоговорящее сообщество
Сейчас Angular учу. Блин, как он может понравится после React?)
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Олег
сейчас начался интересный опыт. и поэтому возникают такие вопросы
интересный опыт в плане что на проекте все файлы не больше 50 строк?
источник

О

Олег in React — русскоговорящее сообщество
Vladimir Klimov
Короче, "не люблю  компоненты больше 40 строк" - это просто личный "фетишь", который никакого качества не гарантирует и ничего о вашем коде не говорит)
это понятно. но это может косвенно сказать о том что проект неплохо спроектирован и вся логика не хранится в UI
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Даниил Дьяченко
Сейчас Angular учу. Блин, как он может понравится после React?)
Ангуляр хорош когда вы ничего не знаете ничего об архитектуре современного фронтенда.
Он opinionated - диктует архитектуру вам и покрывает этим 80% кейсов
источник