Что лучше использовать для скрытия меню при адаптиве?

Question

[Alexander]

Здравствуйте, подскажите что лучше использовать и каковы плюсы и минусы в этих решениях.
Есть навигационное меню которое должно скрыватся на мобильных устройствах. Что лучше использовать в данном случае,
display: none; с помощью медиазапросов или библиотеку react-responsive, которая полностью удаляет элемент с DOM? Буду благодарен за ответ

Answer 1

[ArtJH]

Ну вы замудрили)
Для скрытия\открытия используй css тот же display none + событие на клик(js)

Не нужно для такой очень простой задачи подключать react.
+ вам не нужно удалять из DOM дерева, потом снова добавлять, чтобы открыть меню. Это будет лишний раз нагружать сайт

Comments

[Alexander]

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

[ArtJH]

Alexander, ну и как бонус для плавного открытия/скрытия используй другие css свойства такие как opacity или transform + к ним transition. Так как с display плавности не будет