Сгиб бумаги в React
Я изучал лучший способ добиться эффекта бумажной складки на компоненте React.
Я хотел бы знать (с точки зрения архитектуры React), является ли использование Paperfold JS (http://felixniklas.com/paperfold/) разумным подходом к получению эффекта или лучше всего это сделать без использования внешних (не React) библиотек?
Ответы 1
React работает на основе концепции Virtual DOM. Какие бы изменения вы ни хотели внести в пользовательский интерфейс, в зависимости от определенных критериев React делает это в виртуальном DOM и применяет только изменения к фактическому DOM после сравнения обоих. Но большинство анимационных библиотек работают, напрямую изменяя узел DOM, что не является способом React. Поэтому я бы сказал, что такие практики являются своего рода антипаттернами для потока React, и производительность и гибкость, которые мы ожидаем от приложения React, могут быть затронуты из-за этого.
Кажется ли это хорошей реализацией — codepen.io/ЮкияСасса/pen/rDmkb?
Это отличный пример, так как он сделан без JS. Пожалуйста, используйте это, если это служит цели.
Есть ли у вас какое-либо направление относительно того, как я мог бы подойти к этому в React или даже лучше существующих компонентах React, которые я мог бы использовать (я безуспешно искал несколько дней). Я нашел эту замечательную реализацию, но она только для React Native и IOS (github.com/jmurzy/react-native-foldview). Я изучаю React Transition Group и Popmotion. Не уверены, что это правильный путь?