Публикации по теме 'hooks'


Создание пользовательских горячих клавиш для вашего приложения Next.js с помощью TypeScript
Как разработчик, вы могли столкнуться с необходимостью создания пользовательских сочетаний клавиш или горячих клавиш для навигации с помощью клавиатуры в своем веб-приложении. Хотя для этого доступно множество библиотек, Next.js со встроенной поддержкой TypeScript предоставляет отличную платформу для создания настраиваемых перехватчиков для обработки событий клавиатуры. В этом сообщении блога мы рассмотрим шаги по созданию пользовательского хука в Next.js с использованием TypeScript,..

Пример useRef: захват предыдущего состояния
Эта статья демонстрирует одно из применений хука useRef для тех, кто новичок в реакции и хуках. Я рассмотрю пример из документации React о том, как получить доступ к предыдущему состоянию компонентов 👇 Часто задаваемые вопросы по хукам — React Хуки — это новое дополнение в React 16.8. Они позволяют вам использовать состояние и другие функции React без написания класса. Это… reactjs.org Я думаю, что это хороший пример того, что может..

И даже больше форм
Хорошо, мы добавили хуки в нашу форму. Теперь мы проводим рефакторинг без причины. Я видел демонстрацию хуков Дэна Абрамова и воссоздал его вариант кастомного хука для управления входами. Идея состоит в том, чтобы переместить value , setValue и onChange в подключенные файлы с именем useFormInput . Итак, мы useState для значения и установщика значений и создаем handleChange функцию, и мы вернем объект с полями, названными как <input> props. Это позволяет как-то..

Начало ReactJs для начинающих: часть 1
Вы хотите научиться использовать React, популярную библиотеку JavaScript для создания пользовательских интерфейсов? Если это так, вы находитесь в правильном месте! В этом сообщении блога мы рассмотрим основы начала работы с React, в том числе о том, как настроить среду разработки и как создать свои первые компоненты React. Во-первых, вам нужно иметь базовое понимание JavaScript и концепций веб-разработки. Если вы новичок в этих темах, существует множество доступных ресурсов, которые..

Что делает React особенным: классы или хуки
React — это популярная библиотека JavaScript для создания пользовательских интерфейсов, и одна из вещей, которая отличает ее от других вариантов, — это поддержка как классов, так и хуков при создании компонентов. В этой статье мы рассмотрим различия между классами и хуками и способы их использования в ваших проектах React. Традиционно компоненты React создавались с использованием классов, расширяющих базовый класс React.Component . Вот пример простого компонента на основе классов:..

Что означает термин «хук» в программировании?
Если вы программист, то наверняка слышали термин HOOK. Если вы точно не знаете, что означает этот термин, тогда вы попали по адресу. По сути, это место в коде, которое позволяет вам подключаться к модулю, чтобы обеспечить другое поведение или реагировать, когда что-то происходит. Ловушка — это функция, предоставляемая программным обеспечением для пользователей этого программного обеспечения, позволяющая вызывать свой собственный код при определенных обстоятельствах. Этот код..

React Hooks и почему их стоит использовать
Или «Как я научился перестать задавать вопросы и полюбил крючки» Начиная с реакции, вы обычно настраиваете компонент на основе классов всякий раз, когда вам нужен компонент, чтобы иметь возможность удерживать состояние? Скажем, у вас есть переключатель кнопки, который вы хотите изначально установить в значение false, и когда вы нажимаете на него, вы хотите, чтобы состояние было истинным, или переключение вкладок, когда вы хотите, чтобы вещи были доступны только для просмотра. Задолго..