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


React Hooks — Понимание на примерах (часть 1)
Привет народ! В этой статье вы узнаете о хуках реакции на примерах. Это поможет вам учиться, делая. Итак, без лишних слов, давайте посмотрим, что мы рассмотрим в этой статье. Итак, поскольку это первая часть этой статьи, вы узнаете о наиболее часто используемых хуках, таких как — useState, useEffect, useContext, useReducer, useMemo, useCallback и useRef . Содержание — Что такое крючки? Различные типы хуков с примерами - Основные хуки * useState * useEffect * useContext -..
Использование хука useId в React: упрощение генерации уникальных идентификаторов
Хук useId в React служит для создания уникального идентификатора (id). Формат сгенерированного идентификатора — двоеточие, за которым следует буква «r», затем число и, наконец, еще одно двоеточие (например, «:r1:», «:r2:»). Вы можете задаться вопросом, зачем нам нужен такой нетрадиционный формат идентификатора. Причина кроется в его уникальности. При работе с входами и метками рекомендуется соединять их с помощью тега метки. Это соединение обеспечивает удобное взаимодействие с..
У меня есть помощник FormManager, который обрабатывает все это и многое другое.
У меня есть помощник FormManager , который обрабатывает все это, и многое другое . @allpro/form-manager Диспетчер данных для React Forms или любых данных форм www.npmjs.com Демонстрация: https://allpro.github.io/form-manager/ Это может заменить большую часть стандартного кода, который вы показываете, и централизовать правила проверки и ошибки. Все , связанные с данными, можно указать в контейнере (обработчик данных и..
10 ловушек React, которые должны быть в вашем наборе инструментов
Крючки на заказ, которые наверняка должны быть в вашем арсенале. Пришли хуки, покорили React и потрясли все сообщество разработчиков. Прокрутка ленты Twitter вниз, не замечая слова крючки , в наши дни - редкость. И к этому дню, я надеюсь, вы смирились со своей судьбой и приняли их в свою кодовую базу. Приходили ли вам эти мысли когда-нибудь в голову, когда вы закончили работу с фрагментом кода? Как можно оптимизировать этот код? 🤔 Можно ли уменьшить количество строк? Я..
Использование React useContext Hook
При создании приложения, которое требовало прослушивания событий Google Cloud Firestore в реальном времени в приложении React, я натолкнулся на вариант использования, по которому изо всех сил пытался найти много информации. В этом варианте использования был использован новый React useContext Hook с useState, в частности, обновлялось значение контекста из компонентов, расположенных ниже в дереве компонентов. До этого момента мой опыт работы с React был связан с Redux для управления..
Реагировать на крючки
Хуки используются внутри функциональных компонентов и не будут работать внутри компонентов класса. Хуки используются для замены setState и методов жизненного цикла, которые компоненты класса используют в функциональных компонентах. Крючок состояния В реакции каждый компонент имеет свое индивидуальное состояние, не связанное с другими компонентами. Хуки, эквивалентные этому, — useState. Чтобы использовать useState, вам нужно сначала импортировать его. В строке 4 вы можете увидеть..
Реализация частных маршрутов с помощью React Router и Hooks
Недавно мне пришлось настроить как частные некоторые маршруты приложения React (доступные только для аутентифицированных пользователей). В этом посте описывается базовая реализация приложения, которая охватывает: Маршрутизация осуществляется с помощью React Router . Частные маршруты доступны только для аутентифицированных пользователей. Данные авторизации доступны из любого компонента с помощью React Context . Начальная настройка Мы создаем простое приложение React с общим..