使用 ReactJS 创建 NFT 收藏网站首页🔴
嗨👋，
几天前我在一些网站上看到了一些很酷的动画和特效。于是我做了这个名为“怪咖”的落地页，有点像NFT收藏网站。
您可以点击这里查看演示
👇 https://the-weirdos.netlify.app/
在这个项目中，我使用了以下库：
▶️ React JS (CRA)
▶️ GSAP（用于流畅的滚动动画）
▶️ Styled-Components（用于样式）
▶️ Typewriter-Effect
▶️ React-Confetti
▶️ React-Use
一开始我想要一些类似 NFT 或类似风格的 SVG 或图片，于是我找到了一个很棒的网站 👉 Bigheads，它可以生成随机角色。
我用 typewriter-effect 为主标题添加了书写效果。
此外，我还用 Gsap 实现了滚动动画，并用 react-use 调用了不同的 Hook。
为了让页面更具互动性，我制作了一些自定义动画，例如展示部分和首页的圆形动画。
以下是创建此网站的教程！
我在构建这个项目的过程中学到了以下技能：
▶️ React 中的复杂动画
▶️ 如何使用 Gsap 创建滚动效果
▶️ 如何利用组件结构的优势
▶️ 如何在 React JS 中使用 Confetti 实现炫酷的背景效果
▶️ 如何使用 ReactJS 中的 Lazy 和 Suspence 来加快组件加载速度
▶️ 如何使用 react-use 中的不同 Hooks
▶️ 如何在滚动时绘制 SVG 路径
您可以随意使用本网站，如果您想在其他地方使用，请注明出处（非强制性），只需在使用前查看所有图片和其他素材的许可即可。
我会努力提升它的速度和性能。
欢迎尝试不同的设计和动画效果，
也可以调整一些特效，还可以标记我或在评论区分享你的链接。
欢迎提出任何建议！
请在评论区分享您的网站，以便其他人/初学者可以获得不同的想法和灵感。
感谢阅读😄
欢迎访问我的YouTube频道：
@CodeBucks
欢迎关注我的Instagram账号，我在那里分享了很多实用资源！