#29 Добавляем модальное окно в uikit, знакомимся с createPortal - ReactJS Полный курс
Вставка
- Опубліковано 29 вер 2024
- В этом видео мы сделаем компонент модального окна самым удобным и расширяемым способом. Также познакомимся с createPortal
Подписывайтесь на мой телеграм канал: t.me/cleanfron...
Для того, чтобы закрывать модалку при клике на фон можно использовать event.currentTarget (если event.target === event.currentTarget, значит кликнули на тот элемент, на котором непосредственно висит обработчик)
Уже очень тяжело все держать в голове. Но я все еще с вами... иду через боль и трудность )) Спасибо тебе Евгений за такой хороший контент. Вы пока единственный кого я встретил, кто уделяет столько времени струтуре проверка, его архитектуре. Жду ваших новых роликов)
ua-cam.com/video/dNvsBCutsGk/v-deo.htmlsi=1GroWXfTcAFfT4G8&t=1691 не надо так обрезать видео
А уже есть видео по поводу next и createPortal на 29:20 этот момент. Столкнулся с этим сегодня как модалку на проекте делал. Использовал хук useOutside, но если по дефолту ставить true, то как раз эта ошибка (немного другой текст сейчас, но суть думаю та же).
Как это лечиться? Пробовал поиграться с флагами isMounted через useRef и useState, но особо не помогло. В чём суть проблемы?
Покажи плиз как подружить Фигму и Тайлвинд ) это конечно очень удобно)
Где настроить генерацию стилей сразу для Тайлвинда..
Ты каким плагином пользуешься для этого?
Сделай может прям отдельное видео об этом ... Будет актуально и много просмотров наберёт ..
крестик закрытия модалочки не поместится в экран, если ширина будет "full" ) либо надо побольше сделать отступы .. например mx-16
Спасибо, как всегда круто!
Красотень! от души
супер
Спасибо за ролик !)
привет, хорошие видео, но замечание с иконками, используйте свг спрайты, чтобы не делать лишний раз парсинг jsx и оптимизации для статики как никак
Кстати, по этому поводу, мне давно хочется с кем то обсудить
С одной стороны да, для спрайта работают оптимизации статики, и нет расходов на парсинг js. Но с другой стороны, для каждой страницы запрашивается весь спрайт. Если есть там тяжёлые иконки и иконок много, спрайт раздувает. (можно делать спрайты для каждой страницы, но это геморой)
И это критично, если мы хотим этот спрайт синхронно подгружать, так как это грустно влияет на время первой отрисовки ( пока спрайт не в кэшэ )
И понятно, что можно всё так настроить, что спрайты будут 100% быстрее работать. Но стоит ли это делать если нет готовых решений, которые все проблемы решают (Вы может знаете такие?)
В подходе с иконками в jsx и dx намного лучше, так как всё под рукой, и при этом чанкование работает автоматически
В общем, пока я не чувствую просадок по производительности в таком подходе, которые перебивают очень приятный dx svg прямо в jsx
Не совсем понятно, зачем тело модалки встраивать в дерево компонента. Если компонент исчезнет, то модалка исчезнет вместе с ним,
Челендж умер? Судя по отсутствию новых видео по теме.
Челлендж был про ежедневные видео, с ним всё пока со скрипом, но ок)
Курс я тоже не забрасываю, просто решил отвлечься на пару видосов
Спасибо! Жаль что не сразу на typescript, не понимаю почему все кроме Димыча говорят, что он не для новичков. Ведь он и есть современный и актуальный стэк)
подскажите , а почему jsdoc а не ts?