twitter ui practise下载 - twitter ui practise源代码下载

下载

Twitter UI练习克隆

该项目的目的是了解下一个JS。我的背景是一位网页设计师，具有HTML和尾风CSS的经验，并具有一些基本的JavaScript知识。我最终试图重新创建Twitter应用程序的主页UI。它远非原始内容，我敢肯定有很多缺陷。任何建议或改进，请告诉我。最主要的是要玩得开心并学习新知识，希望您也可以。

Twitter-demo.mp4.mp4

当您git克隆存储库时

npm install
npm run dev

结帐故事书以孤立查看组件

npm run storybook

右侧面板与Twitter不遵循相同的行为。滚动时，它会粘贴，但您应该能够看到页脚链接。

我跟随的人检查了他们的存储库和视频以构建克隆。

如果您查看包裹。JSON，让我尝试解释一些

类别变量 - 权威：使您可以为按钮创建变体。如果您是设计师，则就像Figma的组件变体一样。
classNames：如果您为诸如radix UI组件之类的组件设计，则在使用Tailwind CSS时，CSS实用程序类可能会有一条。您可能会有悬停，动画，响应式，布局和其他类。现在，您可以在单独的行上分组。