React中的折纸

Question

我一直在探索在React组件上实现折页效果的最佳方法。

我想（从React架构的角度）知道使用Paperfold JS（http://felixniklas.com/paperfold/）是获得效果的合理方法，还是最好在不引入外部（非React）库的情况下完成效果？

Answer 1

React在虚拟DOM概念上运行。无论您希望对UI进行什么更改，取决于某些条件，React都会在虚拟DOM上进行更改，并且在将两者进行比较之后，仅将更改应用于实际DOM。但是大多数动画库的工作原理是直接直接更改DOM节点，而这不是React的方法。因此，我想说这种做法是React流的反模式，而我们期望React应用程序的性能和灵活性可能因此受到影响。