WIP: animation json format preview

[Jasmine-liang]

Here we use react-lottie package as the implementation of animation in json format. Ref:

• JSON Animation - A Lightweight Solution to Increasing User Engagement
• Lottie for React
• Lottie

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
matters-web	✅ Ready (Inspect)	Visit Preview	Oct 24, 2022 at 0:07AM (UTC)

[Jasmine-liang]

Have tried lazy loading methods below: For lazy loading JSONI data:

• Lazy loading animation data would be very handy tried this but it kept throwing Cannot read properties of undefined (reading 'length'): animationData Error
• React: Lottie 动画初体验和优化策略. This worked!

---

For lazy loading library:

• lottie files reducing performance on NextJS app

[robertu7]

implemented in https://github.com/thematters/matters-web/pull/2868