а проект в открытом доступе?
Будет весной 🙂
artalar
Sergey
Будет libs/services/auth
И в совершенно другом месте будет лежать widgets/AuthForm widgets/RecoverForm widgets/....
Bogdan
Будет весной 🙂
да я бы и сейчас чекнул, я просто не делал с нуля настройку аполо , у нас она есть уже шаблонная, но там очень много зависимостей ради него, хз в чем плюс конечно
Eugene
🤔mvc
Bogdan
а просветите меня, как размер бандла чекнуть? или что там смотреть нужно? не пробовал ниразу
Sergey
1. Логика в services
2. Логика в widgets
3. Логика в pages
Eugene
меня вот напрягает когда в проекте папочка forms и туда все формочки пихают
Aleksandr
а просветите меня, как размер бандла чекнуть? или что там смотреть нужно? не пробовал ниразу
https://www.npmjs.com/package/webpack-bundle-analyzer
artalar
Нда
Все деражать в абстрактных “фичах” - которые не понятно за что отвечают тоже так себе. У нас четкое разграничение:
libs - утилити-функции
services - домены БЛ (обработка данных)
blocks - атомарные UI компоненты
widgets - имплементация фичи в UI
Sergey
Понятнее некуда
Sergey
Если конечно умеешь формулировать бизнес-задачи
artalar
а просветите меня, как размер бандла чекнуть? или что там смотреть нужно? не пробовал ниразу
Webpack Bundle Analyzer
Sergey
Если конечно умеешь формулировать бизнес-задачи
Если нет, тогда конечно непонятно, что в features/cards лежит все что связано с карточками
А в features/users все что связано с пользователями
artalar
Если нет, тогда конечно непонятно, что в features/cards лежит все что связано с карточками
А в features/users все что связано с пользователями
И как назвать фичу в которой лежит общее для cards и users?
Sergey
wat
Ты сам описал, что в widgets переиспользуемые подключенные компоненты.
В сервисах лежит логика.
Ну а в страницах разумеется своя логика
Sergey
И как назвать фичу в которой лежит общее для cards и users?
А в своем случае ты как делаешь?)
Serik
Перехожу на typescript. Что передать на RouteComponentPorps? class Home extends React.Component<RouteComponentProps<any>, {}>. Думаю any не очень фэншуй
artalar
Ты сам описал, что в widgets переиспользуемые подключенные компоненты.
В сервисах лежит логика.
Ну а в страницах разумеется своя логика
нет страниц. и логика сервисов техническая, а логика виджетов как раз бизнесовая - это стоит разграничивать
artalar
Bogdan
https://www.npmjs.com/package/webpack-bundle-analyzer
я так понял на кра потестить не выйдет?
Sergey
нет страниц. и логика сервисов техническая, а логика виджетов как раз бизнесовая - это стоит разграничивать
Как понять на какой компонент маппится урл?
Sergey
И по какому принципу раскладываем
artalar
По факту без подробной инструкции не разобраться в том, что где лежит
В фичах так же.
Я еще не видел структуру, которая хорошо понимается без документации - это миф.
Sergey
В фичах так же.
Я еще не видел структуру, которая хорошо понимается без документации - это миф.
Когда пришел на свою работу, я дал ребятам карточки разобраться.
Самое удивительное был вопрос только к атомику
Sergey
Остальное все было понято сразу
artalar
По факту без подробной инструкции не разобраться в том, что где лежит
Кароч го сделаем ревью весной 🙂
А сейчас мы просто мнениями перекидываемся…
Sergey
У меня всегда возникает огромный вопрос Когда появляется директория core
Вот что это выражает?
Aleksandr
да я по быстрому хотел) ладно, лупану в проект
стой, не делай), хотя ты всегда можешь вернуть к исходному состоянию, правда руками)
Alexander
Какой плагин для rollup использовать, чтобы картинки собирать? А то rollup-plugin-image просит appendChild в body делать
artalar
У меня всегда возникает огромный вопрос Когда появляется директория core
Вот что это выражает?
Я тоже против такого, это уже легаси 😂
artalar
А если бы обычным способом писал сколько бы весило?
Если заменить на реакт, редакс (и хелперы), styled-components, то прибавится около 150кб (может чуть меньше), а DX будет примерно такой же. Если взять ui-kit готовый вместо reakit (который tool-kit), может еще сотня или несколько накинуться...
Bogdan
Andrey
хотя в большинстве случаев можно обойтись css modules + nyancss
voix
У меня всегда возникает огромный вопрос Когда появляется директория core
Вот что это выражает?
Вообще да. От проекта к проекту это отличается.
voix
Никто не пробовал clean architecture имплементировать на реакт проекте?
Igor
Bogdan
а что тебя так держит на стайледах?
удобные, понятные, можно типизировать, меня напрягают дивы всякие, мне приятнее смотреть на компонент, дока есть, хелперы всякие
Oleg
Ребят, а кто то пытался делать свою реактивную библиотеку?)
Alexander
Если заменить на реакт, редакс (и хелперы), styled-components, то прибавится около 150кб (может чуть меньше), а DX будет примерно такой же. Если взять ui-kit готовый вместо reakit (который tool-kit), может еще сотня или несколько накинуться...
Интересно, но по идее больше влияет количество запросов) По этому параметру смотрел?
🦜
Есть такой кейс.
Нужно при успешном выполнении запроса, открыть компонент Таб на нужном варианте.
Таб из mui. Я так понимаю, что мне нужно в адресную строку писать и useEffect на изменение адресной строки повесить?
Таб находится на другой странице*
Andrey
удобные, понятные, можно типизировать, меня напрягают дивы всякие, мне приятнее смотреть на компонент, дока есть, хелперы всякие
https://github.com/nyancss/nyancss
Ну вот тебе тут модули без всяких дивов и класснеймов
Но если всякие рантайм хэлперы очень много используются, то да, кейс для sc
Oleg
Dmitry
Ребят, а кто то пытался делать свою реактивную библиотеку?)
самый простой вариант в 100 строк можно написать
и юзать с jsx
Andrey
а чем тебя напрягаюст стайледы
много рантайма, сначала грузится js код, парсится, только после этого инжектятся стили
это самое основное
Dmitry
много рантайма, сначала грузится js код, парсится, только после этого инжектятся стили
это самое основное
не думаю что это дико критично
Danila
Стайледы научились уже прекомпилить стили если они статические?
artalar
artalar
А почему не css modules ? Или я не так понял
Так они почти ничего не дают, только изоляцию. Решадоу же даёт очень много
Oleg
Так они почти ничего не дают, только изоляцию. Решадоу же даёт очень много
Сейчас читаю ) прям веб компонентс вторгаются )
Oleg
В теории чувачки могут ведь придумать новый язык или концепцию на основе стилей , разметки и Js. Вообще полностью новую концепцию, чтобы разрабы работали с объектами как с одним целым, а не по отдельности. По аналогии с тем как в игрострое визуализировали разработку.
MVD
Как быстро работает дестркутуризация массива? O(n) ?