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


Реагировать на крючки
Что такое крючки? Хуки — это новая функция, представленная в React 16.8. Они позволяют вам использовать состояние компонента и методы жизненного цикла внутри функциональных компонентов React. До хуков эти функции можно было использовать только в контексте компонентов класса. Почему я должен использовать хуки? Хуки не предназначены для замены компонентов класса React. Это просто еще один способ достижения той же цели. Однако они улучшают старый способ ведения дел в нескольких..
10 основных концепций, которые вы должны знать о React.js
Сегодня я расскажу о базовой концепции React. Прежде чем вы начнете, обратите внимание, что это руководство подходит для начинающих и охватывает концепции, которые я классифицирую как основы работы с React. Это не полное руководство по React, а скорее полное введение. 1. Что такое Реакт? React — это библиотека JavaScript с открытым исходным кодом (не фреймворк), которая создает пользовательские интерфейсы предсказуемым и эффективным способом с использованием декларативного кода. Вы..
Vesselize - контейнер JavaScript IoC, который без проблем работает с Vue.js и React
Я инженер-программист, использующий и Vue.js, и React. Такие технологии, как Vue Composition API и React Hooks, действительно спасли мне жизнь. С другой стороны, из-за очень сложных задач обработки данных в приложении, которое я поддерживаю, я написал множество классов обслуживания, чтобы помочь мне выполнить эти задачи. Но мне показалось неудобным то, что мне нужно вручную управлять инициализацией этих классов и их зависимостей. Я использовал серверные фреймворки, такие как Nest и..
2. асинхронные состояния: использование реакции
В этом посте вы узнаете, как использовать набор инструментов асинхронного состояния для управления состоянием с помощью реакции с помощью обработчика состояния useAsyncState. Этот пост является частью следующей серии постов в блоге: async-states: библиотека управления состоянием асинхронные состояния: использование реакции асинхронные состояния: исходный объект асинхронные состояния: производитель асинхронные состояния: расширенные концепции асинхронные состояния: vs...
Использование Context API и useReducer для глобального управления состоянием в React
Введение В этом руководстве мы узнаем, как управлять глобальным состоянием с помощью контекстного API React и хука useReducer. Мы создадим систему аутентификации, которая хранит пользовательские данные и статус аутентификации, делая их доступными для всего приложения. Предпосылки Прежде чем мы начнем, убедитесь, что у вас установлено следующее: Node.js и нпм Редактор кода (Visual Studio Code, Sublime Text и т. д.) Базовые знания React и функциональных компонентов..
Создание настраиваемого перехватчика React для проверки пароля.
В этом руководстве мы рассмотрим создание настраиваемой ловушки для проверки паролей. Проверка длины, верхнего и нижнего регистра, числа, специального символа и соответствия второму паролю. Индекс: Следовать вместе Быстрый старт (прокрутите до конца первого раздела) Дополнительно (делает компонент более настраиваемым и расширенным) Быстрый запуск расширенной настройки (прокрутите вниз) Следовать вместе Мы собираемся создать настраиваемую ловушку, которую вы можете..
Дополните свои проекты React пользовательскими хуками
В этой статье мы погружаемся в мир пользовательских хуков React и исследуем невероятный потенциал, который они несут для ускорения ваших рабочих проектов. Имея в вашем распоряжении более 20 тщательно продуманных крючков, я лично использую их в своих рабочих проектах, и теперь я рад поделиться ими с вами. От расширения функциональности до оптимизации рабочих процессов — эти настраиваемые хуки предназначены для расширения возможностей разработчиков и обеспечения удобного взаимодействия с..