cero components

Komponen Cero

0anding ⃣ Cero A Production adalah proyek sesi pengkodean langsung di mana kami mengembangkan aplikasi manajemen produktivitas AA yang disebut reto dari awal ke produksi.

Ide di balik

Tujuan dari sesi -sesi ini adalah untuk memberikan pengalaman pengembang otentik di mana kami mempelajari berbagai keputusan yang dibuat oleh seorang programmer yang khas setiap hari, menggunakan JavaScript dan alat terkait lainnya. Peserta akan mengamati tes yang gagal, refactoring kode, dan pemanfaatan mesin pencari seperti Google dan StackoverFlow. Selain itu, peserta dapat berharap untuk menikmati proses dan menyaksikan tantangan variabel penamaan dan fungsi.

Periksa sesi video produk ini di sini dan ikuti saya

Daftar isi

• Memulai
• Buku cerita
• Menjalankan proyek secara lokal
• Menjalankan tes
• Metodologi
  • Desain Atom
  • Definisi molekul

Memulai

Anda harus memiliki react and react-dom installed itu adalah dependensi sebaya dari proyek ini.

1. Instalasi

Menggunakan NPM

npm install @glrodasz/components

Menggunakan benang

yarn add @glrodasz/components

2. Menggunakan Perpustakaan

• Komponen Impor

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

• Gunakan komponen

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

Buku cerita

Periksa sisa komponen yang tersedia di buku cerita kami

Menjalankan proyek secara lokal

Ikuti langkah -langkah ini untuk start the project dalam pengembangan

1. Repositori Klon. git clone https://github.com/glrodasz/cero-components.git
2. Instal Dependensi di Folder Proyek Menjalankan yarn atau npm install
3. Jalankan Storybook dengan yarn dev atau npm run dev , perintah ini akan membangun token dan buku cerita terbuka.

Menjalankan tes

1. Jalankan yarn run test atau npm run test
2. Untuk menjaga tes tetap berjalan, jalankan yarn run test:watch

Metodologi

Desain Atom

Untuk proyek ini akan menggunakan metodologi untuk membuat komponen yang disebut desain atom. Perpustakaan komponen akan membuat atom dan molekul dengan definisi berikut:

Definisi Atom

Untuk proyek ini atom akan menjadi komponen yang disusun oleh atom unik dengan atau tanpa tag HTML, atau hanya tag HTML.

Definisi molekul

Untuk proyek ini molekul adalah komponen yang disusun oleh setidaknya 2 atom yang berbeda.