10.2K ·GitHub
Что это такое?
react-transition-group — это набор компонентов React для управления состояниями компонентов во времени, включая монтирование и размонтирование. Он создан специально с расчётом на анимацию.
react-transition-group — это набор компонентов React для управления состояниями компонентов во времени, включая монтирование и размонтирование. Он создан специально с расчётом на анимацию.Это фреймворк или небольшая библиотека?Это облегчённая библиотека компонентов React (Transition, CSSTransition, TransitionGroup, SwitchTransition), которые вы встраиваете в своё приложение на React. Это не самостоятельный фреймворк.
Это облегчённая библиотека компонентов React (Transition, CSSTransition, TransitionGroup, SwitchTransition), которые вы встраиваете в своё приложение на React. Это не самостоятельный фреймворк.Как добавить её в проект?Установите её через npm или yarn как зависимость и импортируйте нужные компоненты (Transition, CSSTransition и т. д.) в свой код на React. Типы TypeScript доступны отдельно через DefinitelyTyped.
Установите её через npm или yarn как зависимость и импортируйте нужные компоненты (Transition, CSSTransition и т. д.) в свой код на React. Типы TypeScript доступны отдельно через DefinitelyTyped.Что ещё нужно, кроме React?Внутри она опирается на dom-helpers, prop-types, loose-envify и @babel/runtime. Используется она внутри проекта на React.
Внутри она опирается на dom-helpers, prop-types, loose-envify и @babel/runtime. Используется она внутри проекта на React.Версия v2+ — это прямая замена старому аддону React?Нет. API v2+ не совместимо с обратной стороной старых react-addons-transition-group и react-addons-css-transition-group. Для прямой замены нужно использовать релиз v1, который больше не обновляется.
Нет. API v2+ не совместимо с обратной стороной старых react-addons-transition-group и react-addons-css-transition-group. Для прямой замены нужно использовать релиз v1, который больше не обновляется.Как попробовать примеры?Клонируйте репозиторий, выполните npm install (или yarn), затем npm run storybook, чтобы запустить локальный экземпляр Storybook с живыми примерами в браузере.
Клонируйте репозиторий, выполните npm install (или yarn), затем npm run storybook, чтобы запустить локальный экземпляр Storybook с живыми примерами в браузере.Если я использовал старый react-addons-transition-group, стоит ли обновляться?Можно продолжать использовать v1-stable, так как она повторяет API старого аддона. Но react-transition-group больше не обновляет эту ветку, поэтому новым проектам лучше перейти на v2+, используя прилагаемое руководство по миграции.
Можно продолжать использовать v1-stable, так как она повторяет API старого аддона. Но react-transition-group больше не обновляет эту ветку, поэтому новым проектам лучше перейти на v2+, используя прилагаемое руководство по миграции.Что я, собственно, импортирую из этого пакета?Компоненты Transition, CSSTransition, TransitionGroup и SwitchTransition, с помощью которых можно анимировать элементы React при их монтировании, обновлении и размонтировании.
Компоненты Transition, CSSTransition, TransitionGroup и SwitchTransition, с помощью которых можно анимировать элементы React при их монтировании, обновлении и размонтировании.What are similar projects?rare-ui, chakra-ui, reactstrap, react-slick, shaders, Libraries.dev, react-bootstrap, react-grid-layout
rare-ui, chakra-ui, reactstrap, react-slick, shaders, Libraries.dev, react-bootstrap, react-grid-layoutWhich topics is it in?react-components, reactjs, component-library, javascript-library, ui-components, animation, css, react, npm, frontend, library, javascript
react-components, reactjs, component-library, javascript-library, ui-components, animation, css, react, npm, frontend, library, javascript