cero components

Componentes do Cero

0️⃣ Cero A Productción é um projeto de sessões de codificação ao vivo, onde desenvolvemos o aplicativo de gerenciamento de produtividade AA chamado RETO do zero para a produção.

A ideia por trás

O objetivo dessas sessões é fornecer uma experiência autêntica do desenvolvedor, onde nos aprofundamos na infinidade de decisões que um programador típico toma diariamente, usando JavaScript e outras ferramentas relevantes. Os participantes observarão testes com falha, refatoração de código e a utilização de mecanismos de pesquisa como Google e Stackoverflow. Além disso, os participantes podem esperar aproveitar o processo e testemunhar os desafios de nomear variáveis e funções.

Verifique as sessões de vídeo deste produto aqui e siga -me

Índice

• Começando
• Livro de histórias
• Executando o projeto localmente
• Executando os testes
• Metodologias
  • Design atômico
  • Definição de moléculas

Começando

Você deve ter react and react-dom installed essas são dependências de pares deste projeto.

1. Instalação

Usando NPM

npm install @glrodasz/components

Usando fios

yarn add @glrodasz/components

2. Usando a biblioteca

• Componente de importação

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

• Use componente

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

Livro de histórias

Verifique o restante dos componentes disponíveis em nosso livro de histórias

Executando o projeto localmente

Siga estas etapas para start the project em desenvolvimento

1. Repositório de clones. git clone https://github.com/glrodasz/cero-components.git
2. Instale dependências na pasta do projeto em execução yarn ou npm install
3. Execute o Storybook com yarn dev ou npm run dev , este comando construirá os tokens e o Storybook aberto.

Executando os testes

1. Executar yarn run test ou npm run test
2. Para manter os testes funcionando, execute yarn run test:watch

Metodologias

Design atômico

Para este projeto, usará a metodologia para criar componentes chamados design atômico. A biblioteca de componentes criará apenas átomos e moléculas com as seguintes definições:

Definição de átomos

Para este projeto, um átomo será um componente composto por um átomo exclusivo com ou sem tags HTML ou apenas tags HTML.

Definição de moléculas

Para este projeto, uma molécula é um componente composto por pelo menos 2 átomos diferentes.