Nikita
Спасибо
Bogdan
https://stackblitz.com/edit/react-tfgk7p?file=index.js
А тут сделал, чтобы работало, бля, чо за хуйня0)
по чекбоксу? так у меня ак же графики вроде включить выключить по клику можно, я думал ты про сам график именно
🦜
по чекбоксу? так у меня ак же графики вроде включить выключить по клику можно, я думал ты про сам график именно
не, про навигатор, который внутри графика
Alexandr
key менять слишком по грязи?
Roman
Ребят, у кого команда перешла на docker окружение разработки? Вот думаю стоит ли внедрять docker?
Nikita
Можно
Nikita
Но это спецефический вопрос. Всё зависит от целей
Dmitriy
Что дает этот докер?
Bogdan
развернуть окружиние локально, плюс там еще у него контейнеры, можно деплоить, все логи и там на самом деле еще много чего есть
Roman
Что дает этот докер?
От всякой не нужной свистопляски спасает. У всех одинаковая среда разработки.
Bogdan
Roman
Покажи пример использования, как используешь?
Bogdan
ты это кому?
Roman
Тебе) Я через десктоп) Не знаю как ответить собеседнику.
Bogdan
const rollinIn = keyframes`
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
const animationCustomStyle = {
rollin: css`
animation-name: ${({ isAnimated }) => (isAnimated ? rollinIn : scaleOut)};
`,
zoom: css`
animation-name: ${({ isAnimated }) => (isAnimated ? zoomIn : scaleOut)};
`,
}
Roman
Импорт css как делаешь из styled-components ?
Bogdan
везде все работает абсолютно, а в сторибуке ошибка
Roman
Bogdan
я уже хз что делать, танец с бубном
Bogdan
${({ customAnimation }) => customAnimation}
customAnimation={animationCustomStyle['rollin']}
а вот так в самом стайледе уже
Roman
const rollinIn = keyframes`
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
const animationCustomStyle = {
rollin: css`
animation-name: ${({ isAnimated }) => (isAnimated ? rollinIn : scaleOut)};
`,
zoom: css`
animation-name: ${({ isAnimated }) => (isAnimated ? zoomIn : scaleOut)};
`,
}
Посмотри keyframes ` Открывает, а дальше закрывает она?
Roman
я уже хз что делать, танец с бубном
Попробуй так сделать, все удали, потом по одиночке добавь все значения.
Bogdan
Посмотри keyframes ` Открывает, а дальше закрывает она?
ну это совсем глупая ошибка, я же говорю, везде работает, на кодеьоксе , локально, но не на сторибуке
Roman
ну это совсем глупая ошибка, я же говорю, везде работает, на кодеьоксе , локально, но не на сторибуке
Так закрывает или нет? Ошибка у тебя как раз и говорит что не закрыто в ``
Bogdan
закрывается везде
Ms
Добрый вечер. Народ, подскажите ресурсы по изучению React
Bogdan
в консоль вывожу , ошибки тоже нету
Bogdan
Но ошибка об этом говорит, css не оборачивает.
она говорит это только на сторибуке, везде всем норм
Roman
она говорит это только на сторибуке, везде всем норм
Попробуй так keyframes`
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}`
Bogdan
а что изменилось тут?
Roman
она говорит это только на сторибуке, везде всем норм
const rollinIn = keyframes`
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}`
const animationCustomStyle = {
rollin: css`
animation-name: ${({ isAnimated }) => (isAnimated ? rollinIn : scaleOut)};
`,
zoom: css`
animation-name: ${({ isAnimated }) => (isAnimated ? zoomIn : scaleOut)};
`,
}
Bogdan
да она естевственно есть у меня) все есть, но не работает
Bogdan
он именно видимо при вызове ругается этих кей фреймов
вот тут
(isAnimated ? zoomIn : scaleOut)
закоментил это и работает без них
Garik
Разыскивается хороший разраб по React Native, нужно сделать фронт часть приложухи, условия просто невероятно шоколадные
Artem
Я правильно понимаю, что вместо componentDidMount нужно useEffect использовать?
Igor
Я правильно понимаю, что вместо componentDidMount нужно useEffect использовать?
никто не принуждает, по желанию
Roman
Igor
ты путаешь с will
Sm•ok
Artem
этот не депрекейтед
Понял, спасибо, я везде на дид поменчл, но все равно пишет Please update the following components: SideEffect(NullComponent). У меня такого компонента даже нет
Igor
в доке всё разжёвано, и даже по-русски
Igor
Artem
ну это явно про другое
Про что? Раздражает, что уведомление висит.
Warning: componentWillMount has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.
* Move code with side effects to componentDidMount, and set initial state in the constructor.
* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run npx react-codemod rename-unsafe-lifecycles in your project source folder.
Please update the following components: SideEffect(NullComponent)
Igor
Про что? Раздражает, что уведомление висит.
Warning: componentWillMount has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.
* Move code with side effects to componentDidMount, and set initial state in the constructor.
* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run npx react-codemod rename-unsafe-lifecycles in your project source folder.
Please update the following components: SideEffect(NullComponent)
> я везде на дид поменчл
> Раздражает, что уведомление висит.
Warning: componentWillMount has been renamed
Igor
Видимо, не везде
Igor
слоумод в чате в пол-минуты это какой-то пиздец, простите
VM
Тимофей 🛴
VM
1) Какой смысл безусловного изменения состояния?
2)Почему нет проверки на соответствие предыдущих пропсов будущим?
3)Зачем присвоение в класс
4)Вызов метода жизненного цикла
Тимофей 🛴
1) Какой смысл безусловного изменения состояния?
2)Почему нет проверки на соответствие предыдущих пропсов будущим?
3)Зачем присвоение в класс
4)Вызов метода жизненного цикла
Ну это короче говнокод, то что он работает просто повезло)
Igor
светлые темы это боль, вы там не ослепли?
Ruslan
тут все навзводе
Ruslan
народ, подскажите либу какую-нибудь хорошую для kanban view, писать не хотелось бы
Igor
мне интересно мнение людей на светлой теме, глаза не устают? Много людей пересадил на темную и обратно не хотят
VM
Кстати такой вопрос для знатоков: какие данные можно хранить в классе компоненты (но не в состоянии)? И где хранить объекты, которые ни при каких обстоятельствах не меняются?
Igor
Igor
инициализировать в конструкторе, либо прямо как
state = {}
timer = null
Igor
это при условии, есть стоит https://babeljs.io/docs/en/babel-plugin-proposal-class-properties
Ruslan
я вот не уверен, но что если хранить вне класса? тоесть в том же файле только снаружи класса?
Igor
я вот не уверен, но что если хранить вне класса? тоесть в том же файле только снаружи класса?
констант так таковых нет для объектов в js, разве что нейминг с uppercase, например CODE_LEVELS, есть Object.freeze, но он очень медленный
Igor
что именно вы собираетесь хранить, подробнее, вопрос не понятен
Igor
все вперемешку)) Лол
Igor
Кстати такой вопрос для знатоков: какие данные можно хранить в классе компоненты (но не в состоянии)? И где хранить объекты, которые ни при каких обстоятельствах не меняются?
не в состоянии можно хранить любой тип в его инстансе, я про this
VM
не в состоянии можно хранить любой тип в его инстансе, я про this
У этого же минусов дофига. Норм если все указывается значения инициализируются в конструкторе, а если они по всему коду компоненты разбросаны, то очень нечитабельно становится => менее предсказуемо. Плюс если возникнет необходимость переписать компоненту, допустим поделить на несколько частей или переделать в функциональную компоненту, то с масштабированием такого родительского компонента возникнут сложности.
Igor
у тебя вопрос был какие данные можно хранить в классе не в стейте
VM
так и есть
Igor
чем не ответ? Про плюсы и минусы и речи не было