Как создать Modal Component (Popup) в React | React Modal Component

Ссылка на исходники в Телеграм👉 t.me/tipichnyj_web_razrabotch...
В этом видео создаем SimpleModal компонент и добавляем на одну страницу несколько модальных окон с разным контентом.
• React JS | Формы
• React JS | GSAP
• React JS | Изображения...
• React JS | Menu
• React JS | Хуки
• React JS | Полезные фишки
• IT-ЛайфXаки

[@user-wg9ev1po5w]

Контент невероятно полезный. Изложение лаконичное, но при этом в небольшой ролик укладывается весь процесс: создания -стили - применение. Совершенно непонятно почему так мало подписчиков, у такого шикарного канала!

[@xvmmxv8049]

Очень полезно для новичка уже знакомого с теорией для перехода к практике ... Спс

[@alexeyfilippov42]

я бы доделал до конца еще помешал бы слушатель на keydown escape и фокус фокус на форму модалки п. С. Так же ко всему pop-up без лайаута с возможностью листать страницу п. С. 2. порталы

[@alinakikot5613]

Господи, спасибо огромное. Пишу диплом на реакте, столько видео пересмотрела и только ты мне смог помочь. Спасибо!!!

[@evgenstepanov6319]

И так оказывается бывает) А то понаслушаешься всяких "умных" людей, которые топят за диплом в прогерстве при приеме на работу, тип это топ и человек ну точно спец, в отличии от "этих" со всяких курсов, а по факту люди до диплома добрались, не умея модалки клепать)

[@alinakikot5613]

⁠@@evgenstepanov6319 сразу видно, в вузе не учились)

[@DrZupan]

прям в одном видео закрыты все интересующие вопросы, просто волшебство какое-то!!

[@nurbekabylov8063]

Отлично

[@user-lm9ee1gn5p]

спасибо

[@yava43]

а если нам нужно вызвать модальное окно из другого компонента? код примитивный и ненужный

[@tipichnyj_web_razrabotchik]

Привет. Спасибо за комментарий. Думаю что подобный компонент на проде никто использовать не будет, а для "попробовать" вполне хватит. Если надо вызвать из другого компонента, можно использовать контекст или редакс.

[@yava43]

@@tipichnyj_web_razrabotchik return ReactDOM.createPortal( меняем и работает.

[@mezzyshow2984]

Эта библиотека в реакте ?

[@tipichnyj_web_razrabotchik]

Привет. Это созданный мною Modal (Popup) компонент, если нужно надежное и проверенное решение то можно рассмотреть React-modal - kzbin.info/www/bejne/qGW8n3ajq9iDaZI

[@virtuallife3985]

Чудики, почему вы просто не можете создать квадратик из дива, и показать суть модалки для реакт, нафига столько мусора?