1. 程式人生 > >推薦一款中國風React組件

推薦一款中國風React組件

暑假 太多的 就會 夢想 參考 .com spi 設計 鏈接

最近看這個中國風的組件在掘金也火了一段時間,看了有幾天了,也體驗了下,感覺還不錯,所以準備來安利下

項目地址:https://github.com/zhui-team/zhui

使用手冊請參考:https://inspiring-bardeen-426f2e.netlify.com/

以下為zh - ui 作者的掘金簡介文章

1. 很長的前言

大三狗的寒假到了...眾所周知,寒暑假是超越別人的最好的時機。然鵝一不小心就會荒廢過去,大二暑假去杭州實習了兩個月,這個寒假如果不做點什麽開學會被滿滿的負罪感填滿...

想了想...發現自己還沒有太多接觸過組件這方面,於是就想搭建一個組件庫,但是又不想和市面上的組件庫樣式雷同,考察了一段時間發現沒有中國風相關的組件,於是下定決心(懶得再想)搭建一款中國風的組件庫。一方面可以回顧一下自己的css,另一方面也可以加深自己對React和組件的理解。

2. 最初的夢想

應該不會應用到生產環境:沒有專業的設計,怎麽把一款組件設計的有中國風真的很難,並且很難做出統一的一套標準——至少對於我而言(不過我遇到了誌同道合的小夥伴山鬼幫助我一起設計)。

不會開發太多的組件:憑我的智商是無法把所有組件都轉成中國風的。

3. 開發&問題

設計的實現:想要用css來實現好看的中國風有時候是不切實際的,所以許多組件的樣式都進行了簡化,但我們還是盡量保住了中國風的屬性,比如燈籠,畫卷,太極,書簽,秤等等。。

組件的設計: 講真的,在接觸組件庫前,以為自己對組件了解的夠多了,但實際開發起來才知道,許多內含看上去簡單,但是如果你不接觸的話是永遠學不到的,這個過程中感謝前端大佬們已經搭好的輪子,讓我能夠愉快的借鑒哈哈哈哈。

4. 收獲

  • 許多css的技巧及偏門的知識
  • 對React組件更深入的理解
  • 一個具有特色的項目
  • 博客的荒廢
  • 在公司要尊重強大的設計老哥老姐

5. 結尾

這篇文章沒什麽幹貨,因為更多的是記錄自己個人的真實感受,另一方面至少在開發組件庫這方面我確實是個新人

這裏放上GITHUB和文檔,感興趣的可以看一下文檔,不感興趣的可以點個star鼓勵一下我

項目我會一直堅持完善下去的,她現在還是個孩子,期待她長大的那一天。

另外不接受任何秀優越大佬的點評。


作者:AddOneG
鏈接:https://juejin.im/post/5c617a355188256299385138
來源:掘金

推薦一款中國風React組件