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


Вы думаете, что Flux закончился, потому что вы этого не понимаете
Чувак, на Medium ходит множество историй о том, что Redux закончился. Это действительно раздражает. Все, что от этого нужно, - это сделать веб-приложения все хуже и хуже. Крючки в порядке Я ничего не имею против них, они мне даже нравятся. Компоненты классов в React были не очень хороши, а функциональные компоненты гораздо приятнее в использовании. Крючки в порядке. Это не революция, они просто… довольно милые. Моя проблема в том, что когда у вас нет управления состоянием, вам..

Оптимизированный прослушиватель ScrollEvent для React Hook
Слушатель событий, оптимизированный для React Hook Хотя мы находим много информации о слушателях событий в response, вот несколько способов эффективно и кратко обрабатывать такие вещи, как события прокрутки или мыши. Такие события могут срабатывать очень много раз, поэтому сильно влияют на производительность рендеринга в целом. Существуют различные стратегии снижения стоимости и сохранения частоты кадров, о которых я подробно расскажу ниже. В этой истории вариант использования..

Синхронизируйте две ссылки с помощью настраиваемого React Hook
Когда вам нужно получить ссылку на какой-либо компонент в приложении React, вы можете использовать ref . Независимо от того, используете ли вы обратный вызов или объект ref (созданный с помощью хука createRef или useRef ), вам просто нужно прикрепить ссылку к параметру ref компонента, и все готово: Теперь предположим, что пользователи компонента Button выше хотят получить ссылку на элемент DOM. Вы можете использовать forwardRef , чтобы получить ссылку,..

Как легко добавить темный режим с помощью пользовательского хука React
Эта статья изначально была опубликована в моем личном блоге Смакошь . В этой быстрой статье я буду реализовывать темный режим в приложении Quick React с помощью настраиваемого хука React, Прежде чем мы начнем, давайте посмотрим, как это должно работать, в три простых шага: Сначала мы проверим, не хранится ли выбранная тема в localStorage. Если он существует, мы просто установим его как тему по умолчанию. В противном случае нам придется использовать светлую тему по умолчанию...

useRedux - шаблон управления состоянием с помощью React Hooks
С тех пор, как была объявлена ​​функция React Hooks и API стал общедоступным, я думал о том, что это значит для Redux - хорошо известной библиотеки управления состоянием. Некоторое время раздаются голоса, что нам не нужен Redux , мы можем добиться того же с помощью React Context . Что ж, я думаю о Redux скорее как о шаблоне, чем о библиотеке. После дня игры с React Hooks я смог реализовать этот шаблон, используя context и hooks . Я покажу вам, как создать собственную оболочку..

Проверка формы React Hooks Supercharged
Формы - это, пожалуй, одна из наиболее часто используемых функций для большинства веб-приложений, но, возможно, одна из самых неприятных вещей для разработчиков. Большинству сайтов требуется множество различных форм, которые требуют ввода, многократно используемого во многих местах. Сама проверка чрезвычайно важна, чтобы вы не передавали ненужные значения из форм в серверную часть. Кроме того, с точки зрения пользователя, сообщения, которые вы предоставляете, и то, как вы их показываете,..