前言
公司業務積累了一定程度，需要搭建自己的元件庫，有了元件庫，整個團隊開發效率會提高恨多。
做元件庫需要提供開發除錯環境，和元件文件的展示，調研了幾個比較主流的方案，如下：
元件庫搭建
lerna 專案檔案目錄描述
├── readme.md 專案介紹
├── lerna.json lerna 配置檔案
├── package.json
├── packages 包目錄
│ └── ***-component 具體包檔案
└── yarn.lock
我們在packages檔案目錄下建立我們的元件庫，可以起名為***-component, 接下來就是初始化專案，可以用umi提供的腳手架去建立，根據文件建立即可。我們介紹下檔案目錄的用途
開發，打包，發布
我們介紹了框架目錄，大家可以按約定去開發。由於 umi-plugin-library 目前開發還不是完善，文件也不是很全。通過檢視原始碼總結了一下命令，包含開發，打包，發布到github pages 上.
成果展示
結束語我簡單的介紹了組建搭建，搭建的過程中還有許多小細節需要我們注意。我把專案放到了github上，大家有興趣可以去檢視
react專案 之 server基礎搭建框架
類似於腳手架 一鍵生成後台專案 npm install express generator g在vscode中安裝express外掛程式 npm install npm start由於我在做react專案 預設3000埠占用 要修改埠 在.bin www檔案中 修改後端 時，時常需要重啟，此時引入n...
react父子元件傳值 react元件通訊
react元件之間的通訊，其實就是通過乙個props建立彼此之間的橋梁，而我們最常用的就是父子傳值，子父傳值，以及兄弟之間傳值 1 父元件給子元件傳值 父元件給子元件傳值相對比較簡單，如果想讓他們倆之間有所聯絡，想傳遞父元件的資料，那麼我們就在父級元件中的子元件標籤上定義乙個屬性，而屬性的值就是我們...
React高階元件
想想以前用原生和jquery的專案，上千行的code映入眼簾，瞬間有種昏死過去的衝動。難以維護，改乙個bug可能出現n個bug，真的是很痛苦。於是乎元件化成為了當前前端開發的主流技術。angular vue和react很好的幫我們實現了元件化。但是我們常常也會遇到一種情況，就是兩個元件往往有很多的重...