beautiful-react-hooks — коллекция кастомных React-хуков, которые упрощают разработку компонентов и управление их состоянием. Включённые хуки охватывают широкий функционал — от управления событиями до обработки состояния и взаимодействия с DOM. Этот пакет ориентирован на повышение читаемости кода и ускорение разработки, предоставляя простой и удобный API.
12 записей с тегом "react"
Посмотреть все тегиReact: Состояние компонента и useState
С помощью хука useState можно создать локальное состояние внутри функционального компонента.
React: Побочные эффекты и хук useEffect
Хук useEffect позволяет выполнять из функционального компонента действия, которые вызывают побочные эффекты, например, получение данных с сервера, установка слушателей событий или взаимодействие с DOM-деревом.
React: Контекст и хук useContext
В React существует проблема передачи свойств целевым компонентам. Обычно мы поднимаем данные по дереву компонентов, чтобы хранить их в одном месте. Но затем их приходится спускать вниз по цепочке пропсов для вывода на страницу. Иногда несколько уровней компонентов просто передают вниз ненужные им данные. чтобы они достигли цели.
React: Мемоизация и хук useMemo
Хук useMemo очень похож на useCallback и также используется для повышения производительности. Разница заключается в том, что вместо функций-коллбэков useMemo запоминает результаты дорогостоящих вычислений.
React: Производительность и хук useCallback
Хук useCallback используется для улучшения производительности компонентов за счет мемоизации функций обратного вызова.
React: Правила хуков
В React есть два базовых правила использования хуков, которые обязательно нужно соблюдать
React: Редьюсеры и хук useReducer
Редьюсеры (или редукторы) – это простые чистые (предсказуемые) функции, которые получают в качестве аргументов предыдущее состояние объекта и объект действия (action), а возвращают обновленное состояние. Другими словами, редьюсеры применяют к состоянию некоторое действие.
React: Создание пользовательских хуков
Хуки создаются для того, чтобы можно было разделять одинаковое поведение между разными компонентами. Они работают гораздо очевиднее, чем компоненты высшего порядка или рендер-пропсы. Также, React позволяет создавать кастомные хуки.
HTML: Тег select с мультивыбором
// В атрибут value можно передать массив, что позволит выбрать несколько опций
// в теге select:
<select multiple={true} value={['Б', 'В']}
// Boolean attribute 'multiple' indicates that multiple options can be selected
// in the list. If it is not specified, then only one option can be selected at
// a time. When `multiple` is specified, most browsers will show a scrolling
// list box instead of a single line dropdown.