Size: a a a

Atomic Design && Feature Slices

2020 October 22

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
1. если продвигаемый элемент уезжает за пределы экрана, то его будут меньше тыкать
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
2. если на экране уместилось четное число элементов, то не всем пользователям сходу очевидно что внизу есть ещё
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
а если не четное, то один элемент снизу как бы высовывается и пользователь будет скроллить
источник

SC

Sergio Certified Bus... in Atomic Design && Feature Slices
о
мобила это вообще отдельное дело
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
эти два примера, имеют многолетнее подтверждение
источник

SC

Sergio Certified Bus... in Atomic Design && Feature Slices
взять хотя бы высоту экрана
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
Sergio Certified Business Punk
о
мобила это вообще отдельное дело
на макоси и линуксе аналогичные штуки, особенно в длинных списках
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
на больших десктопах нужно больше пространства, чтобы пользователь не пугался огромного количества информации
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
и в этом пространстве ему нужно подсветить банальный call to action
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
на маленьком десктопе, лейаут должен либо перестроиться, либо уменьшиться, чтобы также дать пространства и не перегрузить
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
и тут ни о каких зашитых в верстку числах вообще речи идти не может
источник

SC

Sergio Certified Bus... in Atomic Design && Feature Slices
createStore<🦉> ⁣
1. если продвигаемый элемент уезжает за пределы экрана, то его будут меньше тыкать
продвигаемый элемент тогда нужно ставить на вервое место
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
Sergio Certified Business Punk
продвигаемый элемент тогда нужно ставить на вервое место
нельзя)
источник

SC

Sergio Certified Bus... in Atomic Design && Feature Slices
createStore<🦉> ⁣
2. если на экране уместилось четное число элементов, то не всем пользователям сходу очевидно что внизу есть ещё
почему
а высота элемента не?
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
продвигаемый элемент должен быть между другими элементами
чтобы не навязываться и не вызывать замыливание
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
Sergio Certified Business Punk
почему
а высота элемента не?
если высота элемента одинакова для всех это очень актуально
а вот если отличается, то чаще всего всё будет ок, но мы всё равно проверяем
источник

SC

Sergio Certified Bus... in Atomic Design && Feature Slices
короче я вас понял)
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
Sergio Certified Business Punk
короче я вас понял)
это сложно
чем больше погружаешься, тем больше подобных сложностей возникает.

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

IA

Ilya Agarkov in Atomic Design && Feature Slices
createStore<🦉> ⁣
где мы закидываем его в <DesignProvider config={config}>
а можно маленкий пример конфига, и того как это потом применятся к компонентам?
источник

🦜

🦜 in Atomic Design && Feature Slices
Раскажите про темплейты
источник