они чего то реально перемудрили, особенно grid, вроде под капотом обычный flex

Я свой Грид писал

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

В который просто передавал двумя пропсами массивы и норм

Ну или просто наследования от него, если приходилось мудрить

у меня была идея объединить в компоненты типа FlexRow и т.д.

правда так руки и не дошли оценить где себе в голову выстрелю)

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

Либо пишешь их прямо на месте

Шо то, шо это.

Фактически его стайлед превращается тупо в хок const StyledProps = Component => props => { // don't try this at home return <Component style={props} /> }

Фактически его стайлед превращается тупо в хок const StyledProps = Component => props => { // don't try this at home return <Component style={props} /> }

Ад

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

WTF?

Особенно вещи типа space

!ро сообщения столбиками

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

Посоветуй ему сменить дилера)

сова пятница же?)

Вечер же?

Сова верни парня)))

Посоветуй ему сменить дилера)

ну они хужожники, они так видят) Со временем когда пишешь компонент ui начинаешь автоматом готовится к худшему и фигаришь жесткий оверхед)

ну они хужожники, они так видят) Со временем когда пишешь компонент ui начинаешь автоматом готовится к худшему и фигаришь жесткий оверхед)

А если разбить все на микро компоненты с минимумом функционала?

И из них уже строить интерфейс?

А если разбить все на микро компоненты с минимумом функционала?

ошалеешь от своих микро компонентов))

ну они хужожники, они так видят) Со временем когда пишешь компонент ui начинаешь автоматом готовится к худшему и фигаришь жесткий оверхед)

У меня дизайнер ваще работает по системе грида по 30 пикселей со смещением на 15, расскажи мне об этом. Пришлось мудрить такое на стайледе чтобы оно работало

ошалеешь от своих микро компонентов))

Тоже верно :(

А если разбить все на микро компоненты с минимумом функционала?

От они так и решили

От они так и решили

Плохая судя по диалогу была затея

ну, скажем, не очень удачная

Я настолько в них верил, что у меня даже подписка на composer.io есть

А как вам такое? https://www.npmjs.com/package/styled-components-spacing

Кто-нибудь использовал?

Да тут главное балансировать между несколькими видами зла, а то провалишься куда нить и получается каша на проекте)

Думал а вдруг я просто че не вижу)) Но нет ?

А шо, кто как резиновую сетку строит на стайледах??

css grids

Ну, я про другое

А как вам такое? https://www.npmjs.com/package/styled-components-spacing

<Margin top={1}> <Button>Blast off!</Button> </Margin> чета жестковато как то)

У меня дизайнер ваще работает по системе грида по 30 пикселей со смещением на 15, расскажи мне об этом. Пришлось мудрить такое на стайледе чтобы оно работало

А чем он руководствовался при выборе? У нас например все дизайнеры приучены, что идеальные числа это степени двойки :))

А чем он руководствовался при выборе? У нас например все дизайнеры приучены, что идеальные числа это степени двойки :))

15 30 45

Ты делаешь как на скрине, эт я знаю. Интересно узнать про другие способы ?

А чем он руководствовался при выборе? У нас например все дизайнеры приучены, что идеальные числа это степени двойки :))

Завтра на 32 всё переделает

Или на 128

Не, у него все делится на 15, кнопки размером 60 пикселей, отступы 15 и тд и тп

Ты делаешь как на скрине, эт я знаю. Интересно узнать про другие способы ?

Ну это на самом деле не css даже по сути, это реле, привязанное к трём mediaQuery матчерам

Не, у него все делится на 15, кнопки размером 60 пикселей, отступы 15 и тд и тп

Хоть какая то стабильность. У нас парень просто лабает в фотошоп...

Не, у него все делится на 15, кнопки размером 60 пикселей, отступы 15 и тд и тп

Господин видимо из шуммеров

Хоть какая то стабильность. У нас парень просто лабает в фотошоп...

ух аж передернуло от psd)

Клинописью не увлекается?

Иногда диву даюсь как вообще в голову такое пришло но он не перестаёт удивлять :)

У них там 60ричная система, ему так привычнее

Ну там чувак сеньор юх, думаю он знает что он делает. Три месяца рожал дизайн только юх, за два дня закончил все цяцьки

Ну это на самом деле не css даже по сути, это реле, привязанное к трём mediaQuery матчерам

https://www.npmjs.com/package/react-media-query-hoc Видел шото похожее

https://www.npmjs.com/package/react-media-query-hoc Видел шото похожее

(Ну он неудобный, если честно)

@yakotika https://github.com/contra/react-responsive

А чем в стайледе вас не устроила реализацию через функцию media?

ERROR: S client not available

https://www.npmjs.com/package/react-media-query-hoc Видел шото похожее

Это всё обвязка вокруг window.matchMedia

@yakotika https://github.com/contra/react-responsive

>= IE6* IE вроде сам реакт ie6 не поддерживает)

@livemirsi :D

Это всё обвязка вокруг window.matchMedia

Угу

@yakotika https://github.com/contra/react-responsive

Неудобный

@yakotika удобнее?

@yakotika удобнее?

Да

@yakotika есть где фул пример потыкать? где реализованно таким подходом?

ребят, кто сейчас не особо занят и может подказать?

@yakotika есть где фул пример потыкать? где реализованно таким подходом?

Рабочие проекты не выкладываю в открытый доступ ??‍♂️

@yakotika гуглю

Повторять за автором styled-system сильно не рекомендую)

а что именно не рекомендуешь .

у него много хреновых идей

Прочитал как пацанкий гайд по реакту вначале

Я тоже не мог понять что не так с фамилией у этого чувака, впрочем его гайд оказался тоже не понятным, несмотря на то что везде его рекомендуют

http://dreamcity.uz/ Народ, из-за чего такая лажа случается? Почему стили не грузятся? Может ли быть лажа в файле .htaccess?

https://github.com/maxmarinich/react-alice-carousel - кто шарит, можно ли как-то в этой карусели сделать так, чтобы кол-во элементов всегда было постоянное, но при этом маргины между ними не менялись от изменения ширины страницы? Там есть свойство responsive, но оно немного не так работает как нужно - просто кол-во элементов задается под определенную ширину. Грубо говоря нужна такая механика как в этом скроллере, но только другой компонент - https://bespoyasov.ru/scroller/

https://github.com/maxmarinich/react-alice-carousel - кто шарит, можно ли как-то в этой карусели сделать так, чтобы кол-во элементов всегда было постоянное, но при этом маргины между ними не менялись от изменения ширины страницы? Там есть свойство responsive, но оно немного не так работает как нужно - просто кол-во элементов задается под определенную ширину. Грубо говоря нужна такая механика как в этом скроллере, но только другой компонент - https://bespoyasov.ru/scroller/

У тебя стили отдают разметку. И скорее всего js файлы тоже http://dreamcity.uz/static/css/flipclock.css

Дядь ты промазал

@artalar ору, это то, почему я сбежал от sc

яфункционален.жпг

че за пиздец)

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

Здарова народ. Нашел в приложении баг, и не знаю как его решить. Есть url, скажем /buildings/tower/:id И при переходе с /buildings/tower/1 на /buildings/tower/2 Компонент не перерендеривается. В чём может быть проблема?

Такие хуки как componentWillUnmount или componentDidMount молчат.

key задан у компонента?

Код бы показал, ну