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實用程序類可能會有一條。您可能會有懸停，動畫，響應式，佈局和其他類。現在，您可以在單獨的行上分組。