前言 俗話說：“麻雀雖小，五臟俱全”，搭建一個組件庫，知之非難，行之不易，涉及到的技術方方面面，猶如海面風平浪靜，實則暗礁險灘，處處驚險～ 目前團隊內已經有較為成熟的 Vue 技術棧的 NutUI 組件庫[1] 和 React 技術棧的 yep-react 組件庫[2]。然而這些組件 ...

同步鏈接: https://www.shanejix.com/posts/從 0 到 1 搭建 React UI 組件庫/ 雖然參與了項目組的組件庫架構設計和討論，但是終究不是在自己完全願景下實施。總想着自己造一個的組件庫，於是就有了下面從 0 到 1 包含源起，構建，測試，測試，站點 ...

前言 公司業務積累了一定程度，需要搭建自己的組件庫，有了組件庫，整個團隊開發效率會提高恨多。 做組件庫需要提供開發調試環境，和組件文檔的展示，調研了幾個比較主流的方案，如下： docz 配置簡單，功能相對來說也較完善。我們現在項目是用的umi框架，正好官方也提供了開發庫的腳手架，也集成 ...

寫在前面：前面已經介紹了vue-press和vue-gocgen-cli和vue-press的區別和聯系，本篇文章主要介紹關於vue-styleguidist的使用 官網強大的api連接 強大的配置文件鏈接 https://vue-styleguidist ...

寫在前面：周末的日子是讓人輕松和愉快的，正好有更多的時間去總結歸納一周的事情，先將未完成部分繼續上吧 前面的一章已經介紹了關於vue-styleguist的配置的問題，本章將繼續如何在vue中去編寫自己的組件demo和生成自己的表格呢～ git 地址：https://github.com ...

1. 使用命令安裝初始化： npx create-react-app myUI --typescript 2. 組件庫使用eslint， 新建 .vscode/settings.json 文件 設置scss文件：src/styles ...

組件可以讓你將UI分割成獨立的，可復用的模塊，然后考慮將每個模塊彼此隔離。從概念上理解，組件就像js中的函數。他們接受隨意的輸入（被稱為props）然后返回React元素來描述屏幕上應該出現什么。 函數式和類式組件 定義一個組件最簡單的方法是寫一個js函數： 這個函數是一個有效 ...

1 使用了react官方腳手架：create-react-app https://github.com/facebook/create-react-app npm run eject 可以打開配置文件 自定義配置文件 執行安裝： npx create-react ...