UI組建

Lululala

Dreamer

Aug 21, 2021 Published

打造UI組建的步驟

Part1 - 計畫

Part2 - 建立環境

Part1 - 打造組建

Node_modules 管理

  1. 單一 node_modules 適合組建

每個組件作為一個個獨立的單元存在,相互之間的依賴一般比較少,所以對於組件庫自身沒有必要採用 Monorepo 的方式拆分多個 package

  1. 複合node_modules 適合套件(Plugin)

所有一個UI組建庫兩種模式都需要,因為有自己寫的組建和套件,我們會yarn add 套件,而不是yarn add 組建

按需加載

單個組建開發流程

  1. 視覺圖及場景處理

  2. Props接口設計

  3. 代碼實現

  4. 代碼Preivew及發版

發佈

文檔

單元測試

Jest + Enzyme

打包

Theme解決方案

Icon

發佈前,流程

執行測試

打包構建

更新版本號

維護

About Topic

Planning

0 contents · update period|Aperiodic

It's my note here

Comment

Leave a message to encourage creator more motivation. 🥳

Update Period Aperiodic
Contents 23