React Transition Group дает вам возможность делать переходы компонентов React в DOM и из него, в зависимости от состояния, к которому они привязаны, без каких-либо странных действий. Без React Transition Group вы наверное используете много display: none свойств, а также некоторые довольно неприятные хаки setTimeout. Но с его помощью вы можете написать свои элементы перехода с аккуратным, декларативным, совершенно новым API - и никаких хаков в поле зрения.
Рори Смит покажет вам, как использовать библиотеку React Transition Group для создания плавных, производительных, красивых переходов элементов в DOM и из DOM. (то есть больше не нужно переходить из одного состояния в другое без предупреждения.)
Вы подробно изучите функции React Transition Group, чтобы превратить функции своего приложения React из скучных в плавные.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Create Smooth, Performant Transitions with React Transition Group v2,
а также все другие курсы, прямо сейчас!
Course Overview: Create Smooth, Performant Transitions with React Transition Group v2
Урок 2.00:07:11
Transition a React Component using CSS with RTG’s `CSSTransition` component
Урок 3.00:01:33
Show React Transition Group Elements with an Initial Transition with the `appear` Prop
Урок 4.00:01:11
Disable RTG enter and/or exit Transitions using the `enter`, and `exit` Props
Урок 5.00:02:56
Fine-tune Transitions with React Transition Group’s Lifecycle Props
Урок 6.00:04:41
Transition Items within a List with React Transition Group
Урок 7.00:01:30
Render a Different HTML Element as the `<TransitionGroup>` Container Element
Урок 8.00:07:09
Transition between Pages with React Transition Group and React Router
Урок 9.00:03:32
Write Transitions with React Transition Group using JSS
Урок 10.00:03:02
Use React Transition Group alongside the Styled Components library
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.