Size: a a a

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

2020 August 21

W

Wanna_Phonila in React — русскоговорящее сообщество
если я не ошибаюсь, то я в этой статье подсмотрел https://medium.com/@Charles_Stover/optimal-file-structure-for-react-applications-f3e35ad0a145

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

Но так-то я не то что бы фронтэндер - третий месяц ковыряюсь с React+Redux каr SPA UI для проекта на python. Так что могу быть не прав, и как сказал, сам послушаю про бестпрактисы.

.upd
вот собственно, чо в доке пишут https://ru.reactjs.org/docs/faq-structure.html
Я разделяю по "роутингу", условно, у меня в компонентах директории вроде: AuthPage, Dashboard, UserProfile, About.
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Wanna_Phonila
если я не ошибаюсь, то я в этой статье подсмотрел https://medium.com/@Charles_Stover/optimal-file-structure-for-react-applications-f3e35ad0a145

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

Но так-то я не то что бы фронтэндер - третий месяц ковыряюсь с React+Redux каr SPA UI для проекта на python. Так что могу быть не прав, и как сказал, сам послушаю про бестпрактисы.

.upd
вот собственно, чо в доке пишут https://ru.reactjs.org/docs/faq-structure.html
Я разделяю по "роутингу", условно, у меня в компонентах директории вроде: AuthPage, Dashboard, UserProfile, About.
@feature_slices
Вот такой подход мне лично ближе всего
источник

ХК

Хо Клеш in React — русскоговорящее сообщество
Vladimir Klimov
Организовывать компоненты по их назначению, а не типу, разбивать интерфейс на единицы фунциональности (фичи, если хотите)
Так называемый feature slices - неплохо описанный подход, не обязательно его копировать, но принципы можно взять оттуда
Спасибо большое!
источник

W

Wanna_Phonila in React — русскоговорящее сообщество
Vladimir Klimov
@feature_slices
Вот такой подход мне лично ближе всего
спасибо.
источник

V

Vova in React — русскоговорящее сообщество
Как someFunction.bind(this) выглядит в функциональном компоненте?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Vova
Как someFunction.bind(this) выглядит в функциональном компоненте?
А зачем это в функциональном компоненте?
Выглядит так же
источник

V

Vova in React — русскоговорящее сообщество
То есть просто стрелочную функцию?
источник

W

Wanna_Phonila in React — русскоговорящее сообщество
Vova
Как someFunction.bind(this) выглядит в функциональном компоненте?
да, зависит от того, для чего ты это хочешь использовать. В общем случае - это просто "прикручивание" контекста к функции.
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Vova
То есть просто стрелочную функцию?
Что вы хотите сделать конкретно?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Задача какая?
источник

V

Vova in React — русскоговорящее сообщество
Добавляю callback в websocket
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Vova
Добавляю callback в websocket
Окей, не знаю, почему вы именно так это делаете, но в чем проблема с функциональными компонентами? Какая разница, где объявлена функция? bind работает одинаково
источник

A

Andrian in React — русскоговорящее сообщество
Vladimir Klimov
Окей, не знаю, почему вы именно так это делаете, но в чем проблема с функциональными компонентами? Какая разница, где объявлена функция? bind работает одинаково
Нет
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Andrian
Нет
Что "нет"?
источник

A

Andrian in React — русскоговорящее сообщество
Vladimir Klimov
Что "нет"?
Да ))
источник

A

Andrian in React — русскоговорящее сообщество
Vladimir Klimov
Что "нет"?
Пятница, много пива ...
источник

W

Wanna_Phonila in React — русскоговорящее сообщество
Vova
Добавляю callback в websocket
если в коллбеки надо просто прокинуть контекст (какие-то переменные) из компонента - можно так же биндить, можно стрелочные функции использовать. Если это работа со стейтом, в функциональном компоненте надо хуки использовать.
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Wanna_Phonila
если в коллбеки надо просто прокинуть контекст (какие-то переменные) из компонента - можно так же биндить, можно стрелочные функции использовать. Если это работа со стейтом, в функциональном компоненте надо хуки использовать.
А можно пользоваться аргументами)
источник

W

Wanna_Phonila in React — русскоговорящее сообщество
Vladimir Klimov
А можно пользоваться аргументами)
через props и connect?
источник

V

Vova in React — русскоговорящее сообщество
Wanna_Phonila
если в коллбеки надо просто прокинуть контекст (какие-то переменные) из компонента - можно так же биндить, можно стрелочные функции использовать. Если это работа со стейтом, в функциональном компоненте надо хуки использовать.
Да, со стейтом использовал хуки, все отлично. Теперь все понял. Спасибо)
источник