spring react_使用React Spring将React动画提升到一个新的水平

spring react

Prerequisites — React basics

先决条件— React基础知识

Animations are the important parts of UX that give an additional feel to the users and add some awesomeness to the application. But implementing animations is not that easy especially when you have to keep all the users and devices in mind. So, we have to think out for a simplified and optimized way to create and manage the animations.

动画是UX的重要组成部分，它们赋予用户更多的感觉并为应用程序添加了一些很棒的功能。 但是实现动画并不是那么容易，尤其是当您必须牢记所有用户和设备时。 因此，我们必须考虑一种简化和优化的方式来创建和管理动画。

Someone said — “Animations give life to the UI components”

有人说-“动画赋予了UI组件以生命”

React is a well-established front-end library now and almost everything is possible with it. There are multiple options of doing anything in React and so is the same with animations. We can create animations in React using CSS, JS, or by using an external JavaScript library. But animations can be painful sometimes, so here’s a library named react-spring which is highly optimized and simplified for animating React components.

现在，React是一个完善的前端库，几乎所有功能都可以使用它。 在React中可以做多种事情，动画也一样。 我们可以使用CSS，JS或使用外部JavaScript库在React中创建动画。 但是动画有时可能会很痛苦，因此这里有一个名为react-spring的库，该库经过高度优化和简化，可以为React组件制作动画。

React-spring is a modern React library based on spring-physics which is highly flexible and it covers almost all of the UI animation needs. It inherits animated’s powerful interpolations and performance, as well as react-motion’s ease of use.

React-spring是一个基于spring-physics的现代React库，它具有很高的灵活性，它涵盖了几乎所有UI动画需求。 它继承了动画强大的内插和性能，以及react-motion的易用性。

<