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种不同原子组成的成分。