cero components

Ceroコンポーネント

0収cero aproductciónは、 Retoと呼ばれるAAの生産性管理アプリをゼロから制作まで開発するライブコーディングセッションのプロジェクトです。

背後にあるアイデア

これらのセッションの目的は、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

方法論

アトミックデザイン

このプロジェクトでは、方法論を使用して、Atomic Designというコンポーネントを作成します。コンポーネントライブラリは、次の定義を使用して、原子と分子のみを作成します。

原子定義

このプロジェクトの場合、Atomは、HTMLタグの有無にかかわらず、またはHTMLタグを伴うまたはないユニークな原子によって構成されたコンポーネントになります。

分子定義

このプロジェクトでは、分子は少なくとも2つの異なる原子で構成された成分です。