Использование анимации CSS в React.js

Question

Я работаю с React на некоторое время, но анимация - это одно, что меня пугает.

В настоящее время я использую CSS в своих реактивных компонентах. Каждый компонент импортирует один файл css, который я использую для стилизации, вместо использования встроенного css.

Мой вопрос: Если у меня есть страница, такая как целевая страница, где нет состояния, которое будет обновляться, хорошо ли использовать анимацию ключевого кадра и подобные вещи в css?

Боковой вопрос: могу ли я использовать ключевые кадры для страницы без обновления, например, целевой страницы, или полностью ли перерыв на более сложные страницы?

Answer 1

Вы на 100% безопасны, чтобы использовать любые ваши CSS-страницы на своих страницах. CSS - это просто язык, используемый для описания стиля и представления ваших элементов. Реакция не заботится обо всем этом; он заботится только для вашей DOM вашей страницы - или, по крайней мере, часть DOM, которая создала/контролировала React.

Объектная модель документа (DOM) [...] предоставляет структурированное представление документа как дерева.

CSS не взаимодействует с древовидной структурой DOM и не выполняет анимацию CSS. Они просто применяют свойства стиля к элементам, которые в зависимости от анимации могут создавать впечатление, что макет вашего дерева DOM изменяется, но это не так.

Итак, чтобы ответить на оба вопроса: ни один css не сломает ваш код или не будет мешать Реагу, независимо от его реализации.