以前我们在项目开发中经常会遇到需要开发各种加载动画的需求。我们可以利用已有的动画库来实现手动改造（比如基于loaders.css的手动改造），也可以自行设计，但这意味着需要一定的研发时间。为了减少这部分时间，让加载动画的设计更简单易用，我开发了一个开箱即用的加载动画库react-loading，内置了很多样式，有好几种加载动画，开发者可以轻松选择自己需要的动画，一键安装到自己的项目中，简单轻巧。github地址：https://github.com/MrXujiang/react-loading下面跟大家介绍一下这个动画库。技术实现@alex_xu/react-loading是基于loaders.css二次封装的React加载动画组件库，帮助您在项目中轻松使用不同风格的加载动画。demo.gifFrom技术上，为了方便用户使用，我将loaders.css的每一个动画样式和元素拆分成一个个的动画组件，并设计了一个相对灵活的API接口，让开发者可以更方便高效的使用如下：ComponentDesign动画组件库由ReactHooks和Typescript实现，分为Loader容器和Spining。Loader容器主要是将loading动画作为一个整体进行封装，方便我们使用Spining动画组件。Spinning主要提供Animation“骨架”。Loader实现如下：importReactfrom'react';import{ILoadingProp}from'../type';import'./index.less';constLoader:React.FC
