Публикации по теме 'react-hook'


Пользовательский интерфейс материала: настраиваемая тема переключения с использованием React Hooks
Мы будем создавать настраиваемую тему переключения, используя UI материала и React Hooks , которая сохраняется в localStorage // ссылка на исходный код Введение В наши дни многие веб-сайты предлагают темный режим. Учитывая его повсеместное распространение на iOS и множество важных приложений, многие пользователи теперь воспринимают возможность переключения между светлым и темным режимами как данность. Но где же режим «пастельных конфет»? А как насчет режима «флуоресцентный..
Как провести модульное тестирование пользовательских обработчиков React ⚓
Как провести модульное тестирование пользовательских обработчиков React ⚓ Автор Иван Ха , старший инженер-программист React Hooks выпущен в React 16.8 и привлекает огромное внимание. Это полностью бесплатное решение, предназначенное для решения многих проблем в React, например повторно используйте логику с отслеживанием состояния между компонентами, избегайте несвязанной логики, распространяющейся на разные методы жизненного цикла. Чтобы узнать больше о React Hooks, посмотрите..
Фото автора.
Фото автора. Прежде чем я начну, я хотел бы выразить благодарность за всю работу, проделанную командой React за эти годы. Они создали потрясающий фреймворк, который во многих отношениях стал моим введением в современный Интернет. Они проложили мне путь к вере в идеи, которые я собираюсь представить, и я бы не пришел к этим выводам без их изобретательности. В сегодняшней статье я хотел бы пройтись по замеченным мною недостаткам хуков и предложить альтернативный API, который обладает..
Как создать настраиваемый пакет хуков React и опубликовать его в npm?
Введение Существует несколько способов совместного использования логики состояния между компонентами React, такими как реквизиты рендеринга и HOC (компонент высокого порядка) . Хук React предоставляет новую опцию после версии 16.8.0. Основное преимущество хуков React заключается в том, что их можно использовать в качестве функций жизненного цикла для функциональных компонентов. use-react-monitor Библиотека, предоставляющая перехватчик для мониторинга..
Что такое хук useState в React
Здравствуйте, программисты! В этой статье я расскажу о новой технологии, которая используется в веб-дизайне. Вам, как веб-разработчику, это необходимо, если вы используете React. Начнем с самого начала …… Вы когда-нибудь использовали функцию состояния в React? Не волнуйся. Позвольте мне показать простой пример, не используя ничего особенного. Иногда вам знаком этот код. Это приложение предназначено для увеличения и уменьшения значения переменной count при нажатии..
Понимание хуков Formik с прецедентом (сложным)
Я работал над типичной общей проблемой, которой стоит поделиться. Я уверен, что если вы работаете над формами с помощью Formik, вы обязательно столкнетесь с этой проблемой. В этой статье я делюсь через хуки Formik. Так я познакомился с крючками Formik , они потрясающие :-) Постановка задачи Поскольку схема говорит сама за себя. Я хотел бы объяснить, если вы не понимаете. Учитывая вашего менеджера / дизайнера или кого-либо, кто попросит вас создать форму с каким-либо дизайном,..
Как преобразовать Redux для использования React Hooks
Обновление с устаревших компонентов React В этой статье я постараюсь объяснить, как можно использовать Redux с React Hooks . React Redux предоставил поддержку хуков в версии 7.1 , выпущенной 11 июня 2019 года. Это означает, что вы можете использовать Redux с хуками в своем функциональном компоненте вместо использования connect компонентов более высокого порядка (HOC). Что такое крючки? Чтобы немного освежить в памяти хуки, хуки были представлены в React версии 16.8, и они..