cero components

Cero 구성 요소

0️c Cero Producció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

방법론

원자 디자인

이 프로젝트는 방법론을 사용하여 원자 디자인이라는 구성 요소를 만듭니다. 구성 요소 라이브러리는 다음과 같은 정의로 원자 와 분자 만 생성합니다.

원자 정의

이 프로젝트의 경우 원자는 HTML 태그가 있거나없는 고유 한 원자 또는 HTML 태그로 구성되는 구성 요소가됩니다.

분자 정의

이 프로젝트에서 분자는 적어도 2 개의 다른 원자로 구성되는 성분입니다.