Всем привет, вопросик, хочу попапы сделать, мне нужно для этого

Question

Svelte [svelt] - All about Svelte JavaScript framework.

Gleb Winterson

Всем привет, вопросик, хочу попапы сделать, мне нужно для этого

альтернативу createPortal из реакта, кто знает, как аналогично это можно реализовать?)

#programming #russian #svelte

0

26.04.2022

6 ответов

20 просмотров

Eric Rovell

https://gist.github.com/EricRovell/f2bbeb5c4bfa172c3818c38520fced23

0

26.04.2022

Valeriy пожилой

Кстати, попапы можно императивно делать, если не нужны слоты (хотя и компоненты можно передавать, если сильно хочется) примерно по такому алгоритму: 1. создать компонент ("шина порталов"), который будет встраиваться в корневой компонент приложения 2. экспортировать из context=module функцию отображения попапа, которая будет добавлять его в массив-стор или другую наблюдаемую коллекцию 2.1. запланировать вырезание попапа из коллекции таймаутом 3. в компоненте через {#each} перебрать все текущие порталы 4. можно добавить транзишены и т.п. Или же не делать порталы вообще, а создать компонент с абсолютным позиционированием. Но особенность position:absolute в том, что корень его ректа это ближайший отпозиционированный родитель, так что ненадёжно

0

26.04.2022

Gleb Winterson Автор вопроса

Valeriy пожилой
Кстати, попапы можно императивно делать, если не н...

Ой, с абсолютами я столько игрался, столько для себя нашел косяков с ним, это ужас, про стор да, была идейка, еще когда на реакте писал, но как-то менее логично работает, как по мне

0

26.04.2022

Valeriy пожилой

Gleb Winterson
Ой, с абсолютами я столько игрался, столько для се...

Стор чисто внутренний. Это способ общения между интерфейсом js-модуля и свелт-компонентом, который рендерит тосты и т.п.

0

26.04.2022

Gleb Winterson Автор вопроса

Valeriy пожилой
Кстати, попапы можно императивно делать, если не н...

Тут кстати вроде и не нужен то массив, достаточно просто переменной, хранящей модалку, я так понял, сначало именно попап имелся ввиду тут

0

26.04.2022