Что это такое?
react-use — это большой набор готовых хуков React для датчиков, взаимодействия с пользовательским интерфейсом, анимаций, побочных эффектов, жизненных циклов и управления состоянием.
react-use — это большой набор готовых хуков React для датчиков, взаимодействия с пользовательским интерфейсом, анимаций, побочных эффектов, жизненных циклов и управления состоянием.Это фреймворк или библиотека?Это библиотека отдельных хуков, которые вы подключаете по одному в уже существующее приложение на React, а не фреймворк.
Это библиотека отдельных хуков, которые вы подключаете по одному в уже существующее приложение на React, а не фреймворк.Как добавить это в проект?Установите через npm или yarn, затем импортируйте нужные хуки, например `import {useToggle} from 'react-use'`.
Установите через npm или yarn, затем импортируйте нужные хуки, например `import {useToggle} from 'react-use'`.Нужно ли что-то помимо самого React?Библиотека построена на хуках React, поэтому нужна версия React с поддержкой хуков; некоторые отдельные хуки внутри подтягивают небольшие вспомогательные пакеты, например js-cookie или screenfull.
Библиотека построена на хуках React, поэтому нужна версия React с поддержкой хуков; некоторые отдельные хуки внутри подтягивают небольшие вспомогательные пакеты, например js-cookie или screenfull.Все эти хуки одинаково работают при серверном рендеринге (SSR)?Не обязательно — в библиотеку включён useIsomorphicLayoutEffect именно потому, что useLayoutEffect ведёт себя на сервере иначе, а также есть отдельная тестовая конфигурация для SSR.
Не обязательно — в библиотеку включён useIsomorphicLayoutEffect именно потому, что useLayoutEffect ведёт себя на сервере иначе, а также есть отдельная тестовая конфигурация для SSR.Примерно сколько здесь хуков?Несколько десятков, сгруппированных по категориям: датчики, UI, анимации, побочные эффекты, жизненные циклы, состояние и разное. Они покрывают, например, статус батареи, геолокацию, положение мыши, буфер обмена, cookie, local/session storage и многое другое.
Несколько десятков, сгруппированных по категориям: датчики, UI, анимации, побочные эффекты, жизненные циклы, состояние и разное. Они покрывают, например, статус батареи, геолокацию, положение мыши, буфер обмена, cookie, local/session storage и многое другое.Можно ли с помощью этих хуков делить состояние между компонентами?Да, специально для общего доступа к состоянию между компонентами включены createGlobalState, createReducerContext и createStateContext.
Да, специально для общего доступа к состоянию между компонентами включены createGlobalState, createReducerContext и createStateContext.Для каждого хука есть живое демо?У большинства хуков в README есть встроенная демонстрация в виде GIF или изображения, которое показывает работу хука.
У большинства хуков в README есть встроенная демонстрация в виде GIF или изображения, которое показывает работу хука.Есть ли переводы документации?Да, в README упоминаются переводы документации помимо английской версии.
Да, в README упоминаются переводы документации помимо английской версии.What are similar projects?nuqs, ultrastorage, formik, hooks, react-hook-form, downshift, Libraries.dev, usehooks
nuqs, ultrastorage, formik, hooks, react-hook-form, downshift, Libraries.dev, usehooksWhich topics is it in?react-hooks, localstorage, clipboard, hooks, state-management, npm-package, animation, ui, react, frontend, library, typescript
react-hooks, localstorage, clipboard, hooks, state-management, npm-package, animation, ui, react, frontend, library, typescript