Публикации по теме 'react-hook'
Пользовательский хук React: useHover
В этой серии статей мы отправляемся в путешествие по сфере пользовательских хуков React, открывая их огромный потенциал для улучшения ваших проектов разработки. Сегодня мы сосредоточимся на хуке «useHover», одном из многих тщательно продуманных хуков, доступных в коллекции пользовательских хуков React.
Github: https://github.com/sergeyleschev/react-custom-hooks
import { useState } from "react"
import useEventListener from "../useEventListener/useEventListener"..
Как создать хук React для обнаружения информации об устройстве с помощью TypeScript
В этом руководстве мы рассмотрим процесс создания пользовательского хука React, который позволяет обнаруживать и возвращать различную информацию об устройстве. К концу этого руководства у вас будет многоразовый хук useDeviceInfo , предоставляющий сведения о типе устройства пользователя, операционной системе и браузере.
Шаг 1: Настройка проекта React
Если вы хотите создать новое приложение или новый веб-сайт полностью с помощью React , мы рекомендуем выбрать один из популярных в..
Реагировать на хуки
Это тема, которую мне приходилось пересматривать много раз, чтобы попытаться понять. Сейчас я провожу курс по Udemy под названием React with Hooks for Beginners, чтобы изучать его систематически. Возможно, мне придется разбить свое обучение на несколько постов.
Что такое хуки React?
Согласно статье React Hooks , Hooks — это новая функция, представленная в версии React 16.8. Это позволяет вам использовать состояние и другие функции React без написания класса. Хуки — это функции,..
От компонентов класса к хукам: краткая история
От компонентов класса к хукам: краткая история
Перехватчики React позволяют функциональным (неклассовым) компонентам иметь состояние и логику и потенциально могут полностью заменить компоненты на основе классов. Я надеюсь, что этот пост остановится на этом переломном моменте в разработке React и поможет опытным разработчикам понять преимущества хуков, а также поможет новым и будущим разработчикам понять компоненты старого стиля, которые заменили хуки.
До хуков: дихотомия..
Форма React Hook - Наша реализация
Как упоминалось в моей форме React Hook Form Обновление за 6 месяцев , я упомянул о необходимости реализовать наш собственный, настраиваемый крючок, чтобы удовлетворить наши потребности. На высоком уровне в React Hook Form не хватало следующего:
Чистый способ обновления магазина Redux с полученными изменениями Мгновенный доступ к приведенным значениям Возможность форматирования Инкапсуляция общих входных атрибутов
В общем, потребовалось около 100 строк кода, чтобы добавить все..
Реагировать на крючки: useEffect()
Часть 2: погружение в useEffect()
В этой статье я хочу затронуть два момента, связанных с useEffect:
Почему? Как?
Почему?
Компоненты React — это функции, вы предоставляете им входные данные (реквизиты) и ожидаете предсказуемый результат.
const Profile = ({ name, age }) => {
return (
<div>
<span>name: {name}</span>
<span>age: {age}</span>
</div>
);
};
Глядя на приведенный выше код, если вы использовали его,..
Лучшие практики по оптимизации хука UseEffect в React/React Native
Что такое UseEffect?
UseEffect — один из наиболее часто используемых хуков в React. Он позволяет выполнять побочные эффекты от функционального компонента. По сути, он делает то же самое, что и методы жизненного цикла componentDidMount , componentDidUpdate и componentWillUnmount в компонентах на основе классов React, но объединен в единый API.
useEffect принимает два параметра.
Функция Массив зависимостей (необязательно)
Пример.
useEffect(() => {
//your..
