Skip to content

Latest commit

 

History

History
49 lines (32 loc) · 2.06 KB

README.md

File metadata and controls

49 lines (32 loc) · 2.06 KB

Introdução

O projeto foi inicializado com o create-react-app, utilizado o yarn como gerenciador de pacotes.

Iniciar projeto

Rodar a aplicação em modo de desenvolvimento. yarn start

Abra http://localhost:3000 para visualizá-la no navegador. A página irá recarregar conforme você fizer alteraçōes nos arquivos.
Os erros e avisos serão exibidos no console.

Estrutura

Todos os arquivos de código-fonte estão dentro da pasta src. A partir daqui, essa será a pasta raíz.

Componentes

Os componentes deverão estar dentro da pasta components, sempre em camel case (primeira letra maiúscula).

Imagens

Todas as imagens do projeto deverão estar dentro da pasta images, podendo haver subpastas em casos específicos.

Estilização

A estilização de todo o projeto deverá estar na pasta styles.

Pasta raíz

Todos os arquivos devem ser prececidos de um _ e importados dentro do arquivo styles.scss, respeitando a hierarquia de cascata.

Arquivo raíz

A subpasta styles/base contém os arquivos de configuração global, visando disponibilizar determinados estilos, variáveis e funções ao projeto inteiro.

Arquivo de configuraçōes

Já a subpasta styles/components contém os estilos e classes de componentes específicos.

Todas as classes definidas deverão seguir o padrão BEM, por casar muito bem com componentes e ser fácil de prestar manutenção.

Segue links: Documentação Oficial Criando componentes CSS com o padrão BEM CSS Tricks - BEM 101 Understanding CSS BEM

Dependências

No momento, o projeto conta apenas com:

  • node-sass para processar os arquivos .scss
  • normalize.css para resetar e padronizar estilos em todos os navegadores.