使用Greensock (GSAP)掌握React动画: 课程1 | Master React animations with Greensock (GSAP) : course 1

React.js 是最流行的 Javascript 库，Greensock 是最好的 JavaScript 动画库。在本课程中，我们将把它们结合起来构建令人惊叹的滚动驱动动画。

在本课程中，您将学习如何以更合适和用户友好的方式集成滚动驱动动画，让您能够在滚动时控制动画的流动。我们将涵盖视差、滚动动画、交错文本显示和图像序列动画等主题。

在本课程结束时，您将能够开始考虑使用动画进行设计，并以情感为任何网站制作动画。

本课程是一个循序渐进的课程，可确保您准确了解 React.js 和 GSAP 如何协同工作，并将为您提供作为前端开发人员的新工作，或帮助您建立您一直梦想的体验。本课程还关心设计，而不仅仅是编程。

你会建造什么？

本课程包含 13 个视频，可帮助您了解 React.js 和 Greensock (GSAP) 的工作原理。不需要任何先前的经验。我们将与美学和微调动画一起构建一个令人惊叹的页面。本课程中的每个部分都是逐步添加的，以确保您拥有扎实的知识基础。

这是您将在本课程中学习的主题列表：

• 使用 styled-components 为您的组件设置样式
• 将 SVG 集成到您的项目中
• 使用 UseImperativeHandle 钩子创建视差效果
• 使用 React 和 Greensock (GSAP) 在滚动时定位和动画元素
• 将 props 传递给组件
• 使用 Greensock (GSAP) 创建分割文本交错动画
• 滚动时固定和取消固定
• 使用 React 和 Greensock (GSAP) 在滚动上创建交叉显示图像
• 使用 ScrollTrigger 和画布在滚动上为图像序列设置动画
• 创建具有比例悬停和单击效果的自定义光标
• 反应状态管理

快乐编码！