Sergey
А там надо глубоко что-то знать 🤔 просто загуглил компонент и всё
Ну например, на странице может быть только одна плавающая кнопка, у нее может быть только пара мест где она может находиться. Все элементы должны быть с определенной высотой z и соответствующей тенью. Кнопки с тенью и без имеет ограниченные области применения.
Sergey
Так прям целые страницы есть по тому как надо распологать формы, меню и голову с футером
Около 30 страниц, которые по отдельности читать смысла нет. А ещё эти принципы надо запомнить
Sergey
Это называется дизайн-система
Alexandr
Коллеги, подскажите пжлст. Хочу сделать редикект из action react redux, установил себе connected-react-router по доке, делаю редирект. В итоге url меняется, а компонент не перерисовывается. Какой код нужно скинуть, если не понятно.
Сергей
пасиб
Sergey
Все сворачиваем оффтоп о дизайнах. Это сложная область и делать как попало точно не стоит.
Alexandr
там где делаешь редирект попробуй обернуть компонент в withRouter
Если ты о том компоненте из которого вызывается диспатч с действием, то он в withRoutere
Сергей
Если ты о том компоненте из которого вызывается диспатч с действием, то он в withRoutere
вот тут тогда почитай. Это случаи, когда так происходит https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/guides/blocked-updates.md
Alexandr
вот тут тогда почитай. Это случаи, когда так происходит https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/guides/blocked-updates.md
Прочитал, пасибо. По ощущениям это не то. Кажется я просто что-то через жЁпу сделал
🦜
Полсотни элементов
Сова, забей, они не шарят за ux. Манкикодеры, все дела
Андрей
Если мне нужно просто прочитать поле в состоянии я могу просто использовать метод connect(mapStateToProps) или достаточно store.getState() ?
Oleg
У материала обоснованные рекомендации, у семантика тоже, да что уж там даже у бутстрапа, а внешний вид в интернет должен быть единым, поэтому эти фреймворки нужны
Кому должен?) такой бред, господи. Никогда такого не будет, потому что любой бизнес хочет выделяться на фоне конкурентов и один из способов это сделать - особый дизайн
Oleg
Прекращай оффтоп
Я тебя помню, ты долбоеб)
🦜
Я тебя помню, ты долбоеб)
@graph_sova дай ему ро
Oleg
Плз не надо
Сергей
Я тебя помню, ты долбоеб)
зачем оскорблять-то?
Oleg
зачем оскорблять-то?
Ты видимо не видел что за бред он пишет обычно) Я тут редко, но раза 2 натыкался
Андрей
смотря в какой момент ты хочешь это сделать
А можешь вкратце написать в каких моментах можно использовать getState. Парень написал что если не нужен ре-рендер после изменения, это достаточно знать?
Oleg
Еще и подхалим. Самый мерзкий типаж
🅅aleriy
А можешь вкратце написать в каких моментах можно использовать getState. Парень написал что если не нужен ре-рендер после изменения, это достаточно знать?
если тебя не интересует момент изменения значения в сторе, а оно нужно только когда меняются другие данные, на которые подписан компонент, то можно и store импортнуть и сделать getState()
🅅aleriy
т.е. тупо получить текущий срез какого-то редьюсера, на который компонент не подписан
🅅aleriy
другой вопрос, насколько это вообще корректно по отношению к юзеру 😊
🅅aleriy
получится что ты постоянно кормишь его в интерфейсе на на 100% точной информацией
Vladimir
Кто-то пробовал делать реакт приложения - пакеты?
Stanislav
Лаконичненько
Vladimir
create-react-app например готовое
Я понимаю, да. Меня интересуют прям большие проекты и чтобы потом их можно было использовать внутри других приложений
Андрей
другой вопрос, насколько это вообще корректно по отношению к юзеру 😊
У меня такой кейс. Нужно вешать класс анимации только если я пришёл с главной страницы. Решаю так, храню состояние urlPrev в редуксе и когда прихожу с главной страницы я диспатчу событие которое в стор пушит адрес '/' и на странице смотрю если это главная страница то я вешаю класс анимации
Vladimir
Условно экспортирует рут компонент и набор роутов
🅅aleriy
задачи перехода между роутами по другому должны решаться
Bogdan
вот есть карточка, как ее разбить на атомы молекулы? она будет организмом вообще? или молекулой?
Alexandr
организмом
Bogdan
организмом
организм состоит из набора молекул, а молекулы тут где? я вижу только атомы
Alexandr
организм состоит из набора молекул, а молекулы тут где? я вижу только атомы
оу, а я то откуда знал. Давай на програмистическом языке)))
Danila
Как правильно убрать из DOM класс и дождаться завершения транзишена перед анмаунтом компонента?
Danila
(и возможно ли это в принципе)
Bogdan
оу, а я то откуда знал. Давай на програмистическом языке)))
ну я может не прав, но если выносить это на молекулы еще, что там будет молекулой?
Danila
https://reactcommunity.org/react-transition-group/
Это я знаю, мне бы понять логику, да и мне только один класс всего, не тянуть же ради него такую штуку.
Danila
Проще нет способов?
Vyacheslav
вот есть карточка, как ее разбить на атомы молекулы? она будет организмом вообще? или молекулой?
Хедер, иконка + текст справа, список + заголовок, цены, футер - вариант разбивки на молекулы
🦜
Я понимаю, да. Меня интересуют прям большие проекты и чтобы потом их можно было использовать внутри других приложений
изначально, тебе надо построить архитектуру приложения так, чтобы у тебя все было на внешних зависимостя и компоненты, которые ты выносишь могли работать без ядра
🦜
Проще нет способов?
тебе все равно нужно будет использовать 3 состояния
Vyacheslav
Хедер, иконка + текст справа, список + заголовок, цены, футер - вариант разбивки на молекулы
Зависит от того как ты будешь реюзать компоненты в других местах, по одной странице нельзя бить компоненты, тк на одной странице в этом просто нет нужды
Alexandr
ну я может не прав, но если выносить это на молекулы еще, что там будет молекулой?
Я так вижу, но я не опытный. Мб еще кто подскажет, тоже интересно
Alexandr
Ну вот это в карточке услуги отдельными кусками сделать
🦜
вот есть карточка, как ее разбить на атомы молекулы? она будет организмом вообще? или молекулой?
сверху-вниз 1. TariffTitle 2. TariffDescription 3. Channels 4. Для абонентов МТС (ХЗ как назвать) 5. Description 6. ListOfFeatures 6.1 Feature 7. Footer 7.1 Price 7.2 PriceDescription 7.3.ButtonGroup
Vladimir
угу, а потом окажется, что большая часть этого текста, значений и условий отрображения прилетает из трёх разных рестовых запросов
Vyacheslav
сверху-вниз 1. TariffTitle 2. TariffDescription 3. Channels 4. Для абонентов МТС (ХЗ как назвать) 5. Description 6. ListOfFeatures 6.1 Feature 7. Footer 7.1 Price 7.2 PriceDescription 7.3.ButtonGroup
Злой нейминг какой-то, если потом такой же заголовок будет нужен не в тарифе а в посте блога или в любом другом месте проекта не связанном с тарифами?
Bogdan
я не допонял чуть, ты вынес на молекулы или атомы? Title атом ведь точно
Vyacheslav
мне пофиг на нейминг, я просто накидал, дальше сам решит это не железобетоно
Если возникает вопрос как дробить компоненты, то не решит
Alexandr
Я так вижу, но я не опытный. Мб еще кто подскажет, тоже интересно
Скажите, если бы я так сделал, меня бы уволили?)))
Dmitriy
Скажите, если бы я так сделал, меня бы уволили?)))
Главное потом с умным лицом пояснить что сделал и тогда не уволят
Alexandr
что именно тебя смущает?
Меня нечего, мне кажется так правильно, вы что скажете?
Vladyslav
вот есть карточка, как ее разбить на атомы молекулы? она будет организмом вообще? или молекулой?
ты походу чуть в дизайн влез вроде это от туда "атомы, молекулы"
🦜
атомы, потом соедини их в молекулы
ButtonGroup считай будет молекулой
🦜
состоящий из 3 атомов (кнопок)
Дима
жду фронтендный коллайдер
Vladimir
ButtonGroup считай будет молекулой
а вот например кнопка "сравнить" и "звездочка" отображаются только для авторизованных юзеров. И как тогда дробить? Откуда юзера протаскивать?