Size: a a a

2020 February 07

HE

Hamad Emad in React Kyiv
Мерч
Там типо обращаешься к ширине экрана, и оно матчит да или нет
По сути, тот же самый медиазапрос, ток он не обновляется когда меняешь ширину экрана после рендера
Что бы исправить, можно засунуть это в хук useEffect

А вообще, есть уже даже хуки, что только под медиазапросы
Тоже полезно
Да, спасибо знаю про хук useMedia..., но по скольку нужно отработать много компонентов, в каждом из них грузить хук очень ресурсо затратно, хотелось узнать возможно ли вообще это в обычном исполнении. В любом случае спасибо
источник

М

Мерч in React Kyiv
Hamad Emad
Да, спасибо знаю про хук useMedia..., но по скольку нужно отработать много компонентов, в каждом из них грузить хук очень ресурсо затратно, хотелось узнать возможно ли вообще это в обычном исполнении. В любом случае спасибо
Эм, хуки это не ресурсозатратно вроде как
источник

М

Мерч in React Kyiv
Если хочешь, можешь сделать свой хук
Берешь медиазапрос джаваскрипта, и суешь его в юзЕффект
Можно и без него
источник

HE

Hamad Emad in React Kyiv
В любом случае это более запарно в отличии от инлайновых свойств, выбора нет по этому буду юзать хуки
источник

HE

Hamad Emad in React Kyiv
Спасибо
источник

М

Мерч in React Kyiv
Hamad Emad
В любом случае это более запарно в отличии от инлайновых свойств, выбора нет по этому буду юзать хуки
Есть, лови
источник

М

Мерч in React Kyiv
источник

М

Мерч in React Kyiv
Вот эта одна команда - твой медиазапрос, никаких хуков
Одна строчка
источник

М

Мерч in React Kyiv
Возвращает тру/фолс
Я реализовал в юзЕффект, что бы оно обновлялось после рендера тоже
источник

М

Мерч in React Kyiv
источник

М

Мерч in React Kyiv
Но если ты хотел обычный, что сработает один раз когда построится компонент, то кинул выше
источник

MK

Mikhaylo K in React Kyiv
привет всем, ситуация такая что учу много , пишу много примеров по js разных задач, и дальше незнаю что делать учу понемногу реакт , но нет какого-то правильного вектора в учебе, пишите  в личку кто хочет учить вместе, или может стать ментором давать задания, буду рад помощи, времени есть 24/7 Спасибо
источник

KY

Kyrylo Yakovenko • 𝟰𝟮𝟬🦄 engineer in React Kyiv
удоли
источник

E

Evgen in React Kyiv
Mikhaylo K
привет всем, ситуация такая что учу много , пишу много примеров по js разных задач, и дальше незнаю что делать учу понемногу реакт , но нет какого-то правильного вектора в учебе, пишите  в личку кто хочет учить вместе, или может стать ментором давать задания, буду рад помощи, времени есть 24/7 Спасибо
Задачи можешь брать на фриланс сайтах
источник

Н

Никита in React Kyiv
всем привет
есть приложение, где есть модуль авторизации, прохождения тестов и еще в будущем будут добавляться
каждый модуль (контейнер) по дизайну имеет фиксированную максимальную ширину и рамку (на скрине красным обвел)
такой вопрос, как лучше эти свойства описать ?
использовать hoc что-то вроде ModuleContainer и он будет возвращать обернутый компонент или не парится и просто использовать стили для каждого компонента ?
может вопрос не оч умный, прошу не кидаться камнями )))
источник

VZ

Viacheslav Zhuravskyi in React Kyiv
Никита
всем привет
есть приложение, где есть модуль авторизации, прохождения тестов и еще в будущем будут добавляться
каждый модуль (контейнер) по дизайну имеет фиксированную максимальную ширину и рамку (на скрине красным обвел)
такой вопрос, как лучше эти свойства описать ?
использовать hoc что-то вроде ModuleContainer и он будет возвращать обернутый компонент или не парится и просто использовать стили для каждого компонента ?
может вопрос не оч умный, прошу не кидаться камнями )))
HOC, конечно, чтобы если потом что-то менять, то в 1-м месте
источник

Н

Никита in React Kyiv
Viacheslav Zhuravskyi
HOC, конечно, чтобы если потом что-то менять, то в 1-м месте
спасибо большое!
источник

B

Bogdan in React Kyiv
В css описать
источник

Н

Никита in React Kyiv
мнения разделились )
тогда стоит сказать что в данном проекте я использую css модули и отдельно стилизую каждый компонент
вопрос и возник из-за того, что описываю с css и дублирую код
если в css, то эффективнее сделать отдельный файл с глобальными стилями и импортировать их в каждый компонент ?
источник

Y

Yaroslav in React Kyiv
Посмотреть как сделали в material ui/других библиотеках :)
источник