cero components

CERO組件

0️⃣CeroaProductCión是一個實時編碼會話的項目，我們開發了AA生產力管理應用程序，稱為Reto從刮擦到生產。

背後的想法

這些會議的目的是提供真實的開發人員體驗，我們將使用JavaScript和其他相關工具來深入研究典型程序員每天做出的無數決定。參與者將觀察到失敗的測試，代碼重構以及Google和Stackoverflow等搜索引擎的利用。此外，參與者可以期望享受這一過程並見證命名變量和功能的挑戰。

在此處查看此產品的視頻會話，然後關注我

目錄

• 入門
• 故事書
• 本地運行該項目
• 運行測試
• 方法論
  • 原子設計
  • 分子定義

入門

您必須對react and react-dom installed這些是該項目的同行依賴性。

1。安裝

使用NPM

npm install @glrodasz/components

使用紗線

yarn add @glrodasz/components

2。使用庫

• 導入組件

 import { Icon , ButtonIcon } from '@glrodasz/components'

• 使用組件

 < ButtonIcon icon = "arrowRight" type = "primary" >
  Cowards Agreed
</ ButtonIcon > 

故事書

在我們的故事書中檢查其餘的可用組件

本地運行該項目

按照以下步驟start the project

1. 克隆存儲庫。 git clone https://github.com/glrodasz/cero-components.git
2. 在運行yarn或npm install項目文件夾中安裝依賴項
3. 使用yarn dev或npm run dev運行故事書，此命令將構建令牌和開放故事書。

運行測試

1. 運行yarn run test或npm run test
2. 要保持測試運行，請運行yarn run test:watch

方法論

原子設計

對於此項目，將使用該方法創建稱為原子設計的組件。組件庫將僅創建具有以下定義的原子和分子：

原子定義

對於此項目，原子將是由具有或不帶有HTML標籤的唯一原子組成的組件，或者只是HTML標籤。

分子定義

對於這個項目，分子是由至少2種不同原子組成的成分。