Для чего нужен Portal в React и как его использовать.

Поделиться
HTML-код
  • Опубликовано: 8 фев 2025
  • Создадим модальное окно с помощью Портала в Реакте.
    Постараемся разобраться, что такое Portal и для чего он появился в React.

Комментарии • 17

  • @buba571
    @buba571 6 месяцев назад +1

    Большое спасибо ❤. Вы продемонстрировали работу функционала лучше и подробнее, чем многие объясняют про отдельные функции, которые тут используются.

  • @gom-jabbar
    @gom-jabbar 5 месяцев назад

    Отличный урок , все усвоил!

  • @AbubakirNumandjanov
    @AbubakirNumandjanov 8 месяцев назад +1

    Вам огромное спасибо

  • @Игорь-г8з3к
    @Игорь-г8з3к Год назад +1

    Пушка, только шрифт побольше)

  • @someChicoRy
    @someChicoRy 11 месяцев назад +1

    Круто, спасибо

  • @maksimvashkevich1429
    @maksimvashkevich1429 Год назад

    Насколько помню, затеняющий слой можно получить при помощи использования jsx тега dialog вместо div. Поправьте, если не так.

    • @Learn_JS
      @Learn_JS  Год назад

      Можно использовать и вообще не делать портал, но тогда это решение не будет соответствовать теме ролика 😀

  • @vzonemax
    @vzonemax Год назад

    Спасибо за видео. Я так понимаю, что портал также может решить проблему излишнего дриллинга пропсами / ререндеринга?

    • @Learn_JS
      @Learn_JS  Год назад

      Для решения проблемы излишнего дриллинга лучше использовать контекст или стэйт менеджер. Портал все-же про создание физического блока в разметке, в который можно рендерить контент. Если проблема с лишними рендерингами, то тогда мемоизация или изначально корректное проектирование.

  • @maksimvashkevich1429
    @maksimvashkevich1429 Год назад

    Привет!
    Как ты смотришь на то, чтобы вместо создания лишней функции onClose просто передавать в модалку setModalOpen, а уже в самом компоненте при нажатии на кнопку закрывания модалки просто менять стейт на противоположный ( onClick={ () => onClose(prev => !prev) } )?

    • @Learn_JS
      @Learn_JS  Год назад

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

  • @andreychiglintcew5024
    @andreychiglintcew5024 Год назад

    Подскажите, как вызвать меню выбора иконок ? 10:48 пример вставки х

    • @Learn_JS
      @Learn_JS  Год назад

      На маке ctrl+cmd+space

    • @andreychiglintcew5024
      @andreychiglintcew5024 Год назад

      @@Learn_JS как круто! Огромное спасибо) с 2015 пользуюсь маком, но никогда не сталкивался с этой фишкой)

  • @RamaRama-qv3jo
    @RamaRama-qv3jo Год назад

    Если так углубленно рассмотрено создание модального окна, то стоило сразу показать хорошие практики и добавлять-удалять из DOM по клику элемент.

  • @RewCSharp
    @RewCSharp Год назад

    У меня одного ничего не работает при том, что я полностью повторил код?

    • @ant3413
      @ant3413 8 месяцев назад +1

      Учиться надо было, а не как ты в компуктер всю жизнь играл...а теперь не внимательный стал...
      Учи и не позорься тут...и все заработает у тебя
      Аливидерчи