сколько в Москве платят джуну?
От $1000 до $2000
Sergey
Так
миша, тебе нужна анимация прозрачности?
Mikhail
https://media.giphy.com/media/cO8dgUEiFOCimXXvLP/giphy.gif
Bogdan
миша, тебе нужна анимация прозрачности?
просто вот я кинул типичный пример, вот там сделать анимацию как, что вообще нужно для нее, ели в доме нету блока, он появляется, но анимации нету
Так
Bogdan
https://media.giphy.com/media/cO8dgUEiFOCimXXvLP/giphy.gif
у меня не работает, что ты изменил там?
Mikhail
у меня не работает, что ты изменил там?
const Animate = ({ children, isOpen }) => {
return children();
};
Так
у меня не работает, что ты изменил там?
у меня тоже не работает. но вроде же такая анимаха цсс решается
Mikhail
const Wrapper = styled.div`
position: fixed;
top: 40px;
Так
зачем тянуть жс туда?
Так
ну всмысле КЛАССАМИ
Bogdan
const Wrapper = styled.div`
position: fixed;
top: 40px;
она у тебя в доме лежит, ну открой инструменты, она там, если на ней будет кнопка, то я еще и кликну по ней
Так
она у тебя в доме лежит, ну открой инструменты, она там, если на ней будет кнопка, то я еще и кликну по ней
да объясни по человечьи, подробно. ты обрывками фраз кидаешься, и человек тебя понять не может
Так
напиши подробнее, ну
Mikhail
она у тебя в доме лежит, ну открой инструменты, она там, если на ней будет кнопка, то я еще и кликну по ней
ну а как ты хочешь анимацию без того, чтобы элемент был в доме?
Bogdan
да объясни по человечьи, подробно. ты обрывками фраз кидаешься, и человек тебя понять не может
какими обрывками? я сказал, сделат ьанимацию, опасити люди лепят, но до них дойти не может, если 10 модалок на странице, будет 10 блоков прозрачных, то то, что они прозрачные, не отменяет того, что по ним можно кликнуть
Bernd
моё через keyframes работает? я только transform scale убрал
Mikhail
она у тебя в доме лежит, ну открой инструменты, она там, если на ней будет кнопка, то я еще и кликну по ней
убери скрытый эемент подальше за экран и кнопка не будет нажиматься
Bogdan
ну а как ты хочешь анимацию без того, чтобы элемент был в доме?
ну трансишен груп же как то делает такие анимации, в доме нету ничего до клика
Mikhail
ну трансишен груп же как то делает такие анимации, в доме нету ничего до клика
ну вот так и делает, никакой магии
Bogdan
ну вот так и делает, никакой магии
твой пример не работает, я хз что у тебя, но я уверен, что она в дерее прозрачаная, а у транзишен ее нету в дереве, тоесть будет елемент, я не смогу на него кликнуть, пока он скрыт, в твоем примере я могу хоть у кликаться, все клики пройдут в прозрачный слой
Так
так стоп
Так
мне кажется, вы уже из пустого в порожнее переливаете
Bernd
@bshelomanov https://codesandbox.io/s/animate-17gdi
Mikhail
твой пример не работает, я хз что у тебя, но я уверен, что она в дерее прозрачаная, а у транзишен ее нету в дереве, тоесть будет елемент, я не смогу на него кликнуть, пока он скрыт, в твоем примере я могу хоть у кликаться, все клики пройдут в прозрачный слой
в транзишен групп по клику компонент маунтится, после того как он замаунтился включается анимация
Так
погодите, пидорасы вы, ну
Bogdan
в транзишен групп по клику компонент маунтится, после того как он замаунтился включается анимация
вот я об этом, как это реализовать, я не могу раздуплить
Так
неправильно так делать
Bogdan
@bshelomanov https://codesandbox.io/s/animate-17gdi
прокатит только в одну сторону, в две уже нет
Так
не надо хакать цсс жаваскриптом, и пытаться внедрять анимацию
Так
ну ясно, добре, идите нафиг
Bogdan
не надо хакать цсс жаваскриптом, и пытаться внедрять анимацию
я не собираюсь все переписывать, убрав стайледы
Так
цсс анимации потому такие и быстрые - что они, блядь, декларативные
Так
а как правильно?
правильно не хакать цсс жаваскриптом. правильно задекларировать анимацию заранее при помощи цсс. коль тебе нужно что-то серьзное - русуй в канвасе
Mikhail
цсс анимации потому такие и быстрые - что они, блядь, декларативные
от управления с помощью жс эти анимации не становятся медленнее
Так
становятся
Mikhail
правильно не хакать цсс жаваскриптом. правильно задекларировать анимацию заранее при помощи цсс. коль тебе нужно что-то серьзное - русуй в канвасе
а как ты будешь делать анимацию на unMount чисто на css?
Так
менять у компонента класс
Так
ставьте, кстати, классы
Так
прекомпиляцией, пересчитыванием лэйаутинга
Dima
а как ты будешь делать анимацию на unMount чисто на css?
А что толку будет от этой анимации, если после вызова unmount компонент сразу исчезнет из дома?
Анимация не успеет отработать
Mikhail
прекомпиляцией, пересчитыванием лэйаутинга
пролистай выше, я с самого начала предлагал поставить класс для старта анимации, но тут же стайлед..
Так
не листал, сорян
Так
нехуй боятся использовать цсс и даже инлайн стили в коде
Mikhail
А что толку будет от этой анимации, если после вызова unmount компонент сразу исчезнет из дома?
Анимация не успеет отработать
так я про это и говорю, нужен враппер сверху, который по таймауту или концу анимации сделает анмоунт
Так
если так говорил - то все верно
Bogdan
https://codesandbox.io/s/animated-22rrh
вот, в две стороны пашет, чел за 5 мин клепанул
Bernd
там чёт корёжит анимацию
Так
время оборачивается вспять
Так
то, чем мы занимались в 2010, сейчас возвращается в новом обличии
Так
это анимация появления и изчезания, камон
Так
для этого чуваки кучу лет положили, придумали как пиздато высчитывать дифы и лэйаутинг, мол как одно на другое влияет
Так
но нет же блядь
Так
найдуться всегда ебанаты, которые будут считать прозрачность на жс, и пихать его в цсс
Так
странные, темные люди
Bernd
https://codesandbox.io/s/animated-22rrh
вот, в две стороны пашет, чел за 5 мин клепанул
надо объявление transition убрать чтобы не корёжило анимацию
Bogdan
я выкинул отовсюду Цсс, везде , я так рад, выкинут бем, нахер не нужный, выкинуты строки говно классов
Так
так бем и цсс - разные вещи
Bernd
а, ну ты уже допилил, всё нормально там теперь
Bernd
я выкинул отовсюду Цсс, везде , я так рад, выкинут бем, нахер не нужный, выкинуты строки говно классов
удваиваю, работа без бема как глоток свежего воздуха
Bogdan
так бем и цсс - разные вещи
я к тому, что стайледы удобнее и приятнее, и нету бесконечных строк, где ты по условию лепишь имя класса
Так
да блядь, бэм - хуем, какая разнца, если вы одно говно видоизменили, и по другому его используете
Так
стили в жаваскрипте - охуеть, модно и избавило вас от проблем
Так
да такое же говно и происходит как и было: анимации - говно, все ползет и выпирает
Bogdan
норм анимация, тут не дело в том, какая она, а втом, что в обе стороны пашет
Так
цсс - охуенен в своей отдаленности от реализации, но жаваскриптеры, видимо, хотят контролить все
Bernd
стили в жаваскрипте - охуеть, модно и избавило вас от проблем
чем по-твоему css-in-js подход плох?
petyappetrov
+ я сам везде использовал css-in-js, но сейчас вернулся в ccs-modules, потому что писать css стили в js файле где лежит основной компонент превращает его в кашу
Так
*беда