Как можно сделать что бы анимация проигрывалась в том числи и когда open становится false?

|
emptyfate 2022-06-24 14:09:37
viktooor7 2022-06-24 14:09:02
а есть еще фарианты? нужно взять кучу стейтов и сформировать с нее пдф файл

отправляешь данные бэку, он на их основе формирует тебе пдф и присылает на неё ссылку

emptyfate 2022-06-24 14:09:48
не стоит этим фронт нагружать
muradidrisovich 2022-06-24 14:09:54
Привет! Подскажите плиз, делаю компонент Chip (т.е. кнопка у которой внутри тоже есть кнопка в моем случае) также у этого Chip’a (у кнопки и внутренней кнопки меняется цвет при наведении и при клике) так вот кликая на внутреннюю кнопку у меня также кликается (меняет цвет) наружняя, а я хочу что бы меняла цвет при клике только внутренняя при клике на внутреннюю, вроде как должен быть stopPropagation? подскажите плиз как такое реализовать
viktooor7 2022-06-24 14:10:19
emptyfate 2022-06-24 14:09:37
отправляешь данные бэку, он на их основе формирует тебе пдф и присылает на неё ссылку

ну мне это нужно самому делать , проще выучить какой то экспрес и сделать? или прям в реакте ? что за бэк , бэкендера у меня нет , знаю только js )

emptyfate 2022-06-24 14:11:29
viktooor7 2022-06-24 14:10:19
ну мне это нужно самому делать , проще выучить какой то экспрес и сделать? или прям в реакте ? что за бэк , бэкендера у меня нет , знаю только js )

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

viktooor7 2022-06-24 14:11:43
emptyfate 2022-06-24 14:11:29
бэкенд. сервер, откуда ты получаешь данные. Возможно и экспресс

с вордпреса получаю

emptyfate 2022-06-24 14:12:19
viktooor7 2022-06-24 14:11:43
с вордпреса получаю

вордпресс это просто админка. но если у тебя всё так запутано, то делай на фронте

viktooor7 2022-06-24 14:13:17
emptyfate 2022-06-24 14:12:19
вордпресс это просто админка. но если у тебя всё так запутано, то делай на фронте

Ну если быть точнее получаю по ВордПресс рест апи , поля для которого делаю сам , как создавать файлы на пхп не знаю и учить пхп не горю желанием )) но если это гораздо проще чем на js возможно придётся )

emptyfate 2022-06-24 14:14:29
viktooor7 2022-06-24 14:13:17
Ну если быть точнее получаю по ВордПресс рест апи , поля для которого делаю сам , как создавать файлы на пхп не знаю и учить пхп не горю желанием )) но если это гораздо проще чем на js возможно придётся )

ну тут вопрос не в проще, а как правильней

viktooor7 2022-06-24 14:17:48
emptyfate 2022-06-24 14:14:29
ну тут вопрос не в проще, а как правильней

Типо напрягать комп юзера неправильно?

emptyfate 2022-06-24 14:18:29
viktooor7 2022-06-24 14:17:48
Типо напрягать комп юзера неправильно?

угу. все тяжёлые вычисления и операции над файлами выносить на бэк

viktooor7 2022-06-24 14:19:58
Такс ну либу js pdf заюзал , спс , работает , осталось понять как там стили писать
SergioZhidkov 2022-06-24 14:25:51
Ребят, подскажите. Настраиваю dev окружение для SSR React’a, через webpack-dev-middleware и webpack-hot-middleware. Скармливаю webpack-dev-middleware клиентский конфиг, запускаю — все ок. HMR работает, но при перезагрузке страницы происходит расхождение между сервером и клиентом. «content did not match.»
SergioZhidkov 2022-06-24 14:26:34
Как пофиксить?
TroublemakerSt 2022-06-24 14:43:16
SergioZhidkov 2022-06-24 14:26:34
Как пофиксить?

https://t.me/webpack_ru

Webpack — русскоговорящее сообществоTelegram
Обсуждения webpack, лоадеров, плагинов и сборок

Правила: https://rudevs.network/ByaMH6un7
См. также: @react_js, @vscode_ru, @macos_ru, @js_ru

risenforces 2022-06-24 14:44:11
SergioZhidkov 2022-06-24 14:25:51
Ребят, подскажите. Настраиваю dev окружение для SSR React’a, через webpack-dev-middleware и webpack-hot-middleware. Скармливаю webpack-dev-middleware клиентский конфиг, запускаю — все ок. HMR работает, но при перезагрузке страницы происходит расхождение между сервером и клиентом. «content did not match.»

сср с нуля? суицид

Дима🪐🇺🇦 2022-06-24 14:44:44
react_js-1479333.jpg
есть ли разница в таких использований?
SergioZhidkov 2022-06-24 14:44:52
risenforces 2022-06-24 14:44:11
сср с нуля? суицид

?

world_pro_frontend 2022-06-24 14:45:32
react_js-1479336.jpg

world_pro_frontend 2022-06-24 14:45:32
react_js-1479335.jpg
Есть какой-нибуть способ поменять текст в плейсхолдере нативному инпуту с типом Date?
viktooor7 2022-06-24 14:46:39
SergioZhidkov 2022-06-24 14:44:52
?

некст жс скачай и успокойся)

SergioZhidkov 2022-06-24 14:47:36
viktooor7 2022-06-24 14:46:39
некст жс скачай и успокойся)

так вот от него и ухожу

viktooor7 2022-06-24 14:47:47
SergioZhidkov 2022-06-24 14:47:36
так вот от него и ухожу

чего

risenforces 2022-06-24 14:48:25
SergioZhidkov 2022-06-24 14:47:36
так вот от него и ухожу

Наркоман)

SergioZhidkov 2022-06-24 14:48:52
ну ладно, я понял
NavaSagi 2022-06-24 14:49:01
Кто может подсказать как быстро и адекватно создать sitemap и robots?
nit_anderson 2022-06-24 14:49:22
Привет всем! Помогите пожалуйста с framer motion.
Есть вот такой код в компаненте:

{ open && (
<motion.div
initial={{width: «0», opacity: 0, color: ‘#fff’}}
animate={{width: «100%», opacity: 1, color: ‘#222’}}
exit={{width: «0», opacity: 0, color: ‘#fff’}}
transition={{ type: «spring», stiffness: 100 }}
>
<SubjectsList/>
</motion.div>
)}

Когда open is true проигрывается анимация и появляются компоненты которые должны появляться, тут всё ок.

А вот когда open is false то анимация не проигрывается (что в целом понятно, так как у нас просто из дома уходит этот компонент). Как можно сделать что бы анимация проигрывалась в том числи и когда open становится false ?

risenforces 2022-06-24 14:49:28
SergioZhidkov 2022-06-24 14:48:52
ну ладно, я понял

Что именно понял

SergioZhidkov 2022-06-24 14:50:02
risenforces 2022-06-24 14:49:28
Что именно понял

что никто не подскажет

risenforces 2022-06-24 14:50:17
SergioZhidkov 2022-06-24 14:50:02
что никто не подскажет

Ну подсказали правильно, взять некст

risenforces 2022-06-24 14:50:43
Ты не Сова чтобы свой сср делать, он и то на раззле
whatthaheck 2022-06-24 14:57:44
risenforces 2022-06-24 14:50:43
Ты не Сова чтобы свой сср делать, он и то на раззле

а что, чтобы делать свой сср, – надо быть совой?)

alexeykipicenko 2022-06-24 14:57:48
nit_anderson 2022-06-24 14:49:22
Привет всем! Помогите пожалуйста с framer motion.
Есть вот такой код в компаненте:

{ open && (
<motion.div
initial={{width: «0», opacity: 0, color: ‘#fff’}}
animate={{width: «100%», opacity: 1, color: ‘#222’}}
exit={{width: «0», opacity: 0, color: ‘#fff’}}
transition={{ type: «spring», stiffness: 100 }}
>
<SubjectsList/>
</motion.div>
)}

Когда open is true проигрывается анимация и появляются компоненты которые должны появляться, тут всё ок.

А вот когда open is false то анимация не проигрывается (что в целом понятно, так как у нас просто из дома уходит этот компонент). Как можно сделать что бы анимация проигрывалась в том числи и когда open становится false ?

для таких случаев используется AnimatePresence. Почитай про него в доке

risenforces 2022-06-24 14:57:55
whatthaheck 2022-06-24 14:57:44
а что, чтобы делать свой сср, – надо быть совой?)

Верно

risenforces 2022-06-24 14:58:07
Даже у Совы-то с трудом получается, я бы не стал его решение юзать
whatthaheck 2022-06-24 14:58:08
risenforces 2022-06-24 14:57:55
Верно

забавно )

risenforces 2022-06-24 14:58:33
risenforces 2022-06-24 14:58:07
Даже у Совы-то с трудом получается, я бы не стал его решение юзать

А что там сделает чел без такого опыта — это представить страшно

Sanechka2221 2022-06-24 14:58:35
Всем привет) может кто знает как сделать <input type=»date»> без выпадающего списка?)
risenforces 2022-06-24 14:58:55
risenforces 2022-06-24 14:58:33
А что там сделает чел без такого опыта — это представить страшно

Проект тупо развалится сразу)

whatthaheck 2022-06-24 14:59:02
risenforces 2022-06-24 14:58:33
А что там сделает чел без такого опыта — это представить страшно

а если хочешь научиться делать сср? тоже надо быть совой?)

risenforces 2022-06-24 14:59:22
whatthaheck 2022-06-24 14:59:02
а если хочешь научиться делать сср? тоже надо быть совой?)

Он конечно может попробовать, только бросит скоро

risenforces 2022-06-24 14:59:33
А так надо начинать с некста и раззла хотя бы
risenforces 2022-06-24 14:59:40
Чтобы понять как оно устроено
whatthaheck 2022-06-24 14:59:58
ну это уже его личное дело, наверное?)
энивей. не хочу я быть ни совой, ни попугаем, ни еще какой-то зверушкой, если хочу что-то сделать, лол )
risenforces 2022-06-24 14:59:59
В принципе в нексте все можно решить, какой смысл свое делать
nit_anderson 2022-06-24 15:00:34
alexeykipicenko 2022-06-24 14:57:48
для таких случаев используется AnimatePresence. Почитай про него в доке

Спасибо, работает!

HaLiD_AkBaRi 2022-06-24 15:00:42
react_js-1479365.jpg
Всем привет! подскажите как решить данную проблему
nit_anderson 2022-06-24 15:01:18
nit_anderson 2022-06-24 15:00:34
Спасибо, работает!

Кстати, товарищи, что вы делаете с текстом при анимациях? Скрываете его как то, и как сделать что он элементы перестал ресайзить?

abpstd 2022-06-24 15:01:42
risenforces 2022-06-24 14:59:40
Чтобы понять как оно устроено

Ну в самой базовой реализации сср не сложно сделать.

mulfyx 2022-06-24 15:01:44
HaLiD_AkBaRi 2022-06-24 15:00:42
Всем привет! подскажите как решить данную проблему

там же написано что не так

|