Size: a a a

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

2021 February 27

1

1N54N3 in React — русскоговорящее сообщество
Если логики при компонентом подходе все равно получается больше 50 или 100 строк, то как с этим быть? стоит её куда-то выносить?
источник

PK

Pasha Kozyr in React — русскоговорящее сообщество
1N54N3
Если логики при компонентом подходе все равно получается больше 50 или 100 строк, то как с этим быть? стоит её куда-то выносить?
если логика не переиспользуема я не выношу. 100 строк вообще не о чем, до 200 я даже не парюсь.
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
1N54N3
Если логики при компонентом подходе все равно получается больше 50 или 100 строк, то как с этим быть? стоит её куда-то выносить?
Слишком абстрактные вопросы )

Логика приложения должна быть вынесена из view совсем. В стейт менеджер, api и тд
Разная логика относящаяся к компонентам обычно выносится в реиспользуемые хуки(или компоненты с рендер пропами), и компоненты декомпозируются, что бы быть не сильно большими.
источник

1

1N54N3 in React — русскоговорящее сообщество
Тимофей 🛴
Слишком абстрактные вопросы )

Логика приложения должна быть вынесена из view совсем. В стейт менеджер, api и тд
Разная логика относящаяся к компонентам обычно выносится в реиспользуемые хуки(или компоненты с рендер пропами), и компоненты декомпозируются, что бы быть не сильно большими.
Это понятно что так делается с переиспользуемой, а как быть с НЕпереиспользуемой логикой?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
1N54N3
Это понятно что так делается с переиспользуемой, а как быть с НЕпереиспользуемой логикой?
Я выношу хуки даже не переиспользуемые, просто они лежат в той же папке что и компонент

Что бы в компонент хотя бы в пару экранов помещался

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

Т

Тимофей 🛴 in React — русскоговорящее сообщество
1N54N3
Это понятно что так делается с переиспользуемой, а как быть с НЕпереиспользуемой логикой?
Вообще тут много интересного Сова собрал

https://t.me/feature_slices
источник

PK

Pasha Kozyr in React — русскоговорящее сообщество
Тимофей 🛴
Я выношу хуки даже не переиспользуемые, просто они лежат в той же папке что и компонент

Что бы в компонент хотя бы в пару экранов помещался

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

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Pasha Kozyr
а у вас под каждый компонент всегда отдельная папка? даже под мелкие?
Да, думаю у всех так. Может если 1 файл можно папку и не делать
источник

s

sccc in React — русскоговорящее сообщество
1N54N3
Это понятно что так делается с переиспользуемой, а как быть с НЕпереиспользуемой логикой?
Лучше сразу выносить логику из компонент, тогда будет проще читать вьюху и логику отдельно. И если настанет момент, когда непереиспользуемая логика станет переиспользуемой, вам не придётся разгребать лапшу из компоненты, чтобы ее вынести. Ну и в целом отделение представления от логики - хороший тон в программировании
источник

PK

Pasha Kozyr in React — русскоговорящее сообщество
Тимофей 🛴
Вообще тут много интересного Сова собрал

https://t.me/feature_slices
подписался. автор красавчик 👍
источник

В

Влад in React — русскоговорящее сообщество
Тимофей 🛴
Слишком абстрактные вопросы )

Логика приложения должна быть вынесена из view совсем. В стейт менеджер, api и тд
Разная логика относящаяся к компонентам обычно выносится в реиспользуемые хуки(или компоненты с рендер пропами), и компоненты декомпозируются, что бы быть не сильно большими.
Где можно прочитать про рендер пропы с реальными примерами для обычных разработчиков?

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

NJ

No Joke in React — русскоговорящее сообщество
Влад
Где можно прочитать про рендер пропы с реальными примерами для обычных разработчиков?

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

В

Влад in React — русскоговорящее сообщество
No Joke
В документации
Вот начал писать, только не надо слать меня на доку, я читал ее, но подумал, что из моего сообщения понятно, что мне нужны примеры близкие к реальности и более подробный разбор
источник

NJ

No Joke in React — русскоговорящее сообщество
Что вам там непонятно конкретно? Все подробно расписано
источник

NJ

No Joke in React — русскоговорящее сообщество
Реальные примеры нужны? Откройте материал юай доку и там увидите во многих компонентах
источник

В

Влад in React — русскоговорящее сообщество
No Joke
Что вам там непонятно конкретно? Все подробно расписано
Юзкейсов не хватает.

Я полгода веду разработку и обходился без них. Мне же нужна информация а ля "можно обойтись и без них, но вот в данном конкретном случае рендер проп упрощает работу и делает код более чистым", где идёт сравнение нескольких подходов к задаче.

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

DM

Daniil Mikurov in React — русскоговорящее сообщество
Переслано от Daniil Mikurov
подскажите пожалуйста, disable cache не стоит, но всё равно при нажатии на кнопки пагинации картинка загружается каждый раз, почему такое происходит?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Влад
Где можно прочитать про рендер пропы с реальными примерами для обычных разработчиков?

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

EM

Eugen Mugen in React — русскоговорящее сообщество
Влад
Юзкейсов не хватает.

Я полгода веду разработку и обходился без них. Мне же нужна информация а ля "можно обойтись и без них, но вот в данном конкретном случае рендер проп упрощает работу и делает код более чистым", где идёт сравнение нескольких подходов к задаче.

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

EM

Eugen Mugen in React — русскоговорящее сообщество
Google поиск на английском творит чудеса :)
источник