使用 ReactJS、Styled-components 和 GSAP 构建网站以实现滚动动画

你好呀，

最近，我看到一个具有很酷的滚动效果的网站，所以我决定使用 GSAP 在 ReactJS 中创建具有很酷的滚动动画的网站。

这是演示链接：
https://agency-website-eta.vercel.app/

对于这个项目，我使用了这些库，
▶️reactjs
▶️GSAP 用于滚动动画
▶️Styled-Components
▶️React-slick 和 slick-carousel 用于 Carousal

首先，我在 Figma 中完成了设计，并使用了一些很棒的插件和资源。我已在 GitHub 的 ReadMe 文件中列出了本网站使用的所有资源。

这是我如何创建这个网站的教程！

我在构建这个项目时学到的东西，
▶️ 适合 React 项目的良好文件夹结构
▶️ 如何仅使用 css 创建汉堡菜单
▶️ 我们如何利用组件结构的优势
▶️ 如何在 React JS 中使用 GSAP 实现滚动时的精彩动画
▶️ 在 reactJS 中使用 Lazy 和 suspence
▶️ 许多很棒的 CSS 动画等。

您可以使用它来学习或用于您的作品集，如果您想在其他地方使用它，小额信贷会受到赞赏（非强制性），只需在商业使用之前检查所有图像和其他资产的许可证。

我会努力提升它的速度和性能。
我还没有添加 React-Router，但如果你想创建更多页面，可以添加它，并随意创建更多版块。

欢迎提出任何建议！

感谢阅读😄

欢迎访问我的 YouTube 频道：

@CodeBucks

在 Instagram 上关注我，我会在那里分享很多有用的资源！

@code.bucks 😉