Padrões do Frontend

Esta página visa apresentar os padrões a serem utilizados no desenvolvimento de código do repositório do Frontend da aplicação.

Material UI

No projeto Globo Aplausos Frontend utilizaremos a biblioteca de componentes denominada de Material UI, que fornece componentes prontos e estilizáveis para o uso no desenvolvimento de aplicações React. Desta forma é importante destacar que sempre que possível, deve ser feito o uso dos componentes disponibilizados pela biblioteca, junto de ícones, animações e recursos que forneçam acessibilidade ao usuário.

Mais informações sobre o Material UI e Material Design podem ser encontrados neste documentação.

CSS

A forma de utilização de estilos na aplicação é realizada por meio de CSS normal.

Variáveis globais

Um dos recursos disponíveis dentro da aplicação do Frontend do projeto Globo Aplausos são as variáveis globais de estilo, como por exemplo cores e tamanhos de fonte, que estão declarados dentro do arquivo global.css e devem ser utilizados sempre que possível, para que a integridade e padronização de código nos arquivos CSS seja mantida.

Responsividade

Mesmo que a responsividade para mobile não seja o foco da aplicação, ainda é necessário utilizar medidas que prestem suporte a diferentes tamanhos de monitores em aplicações web. Tendo em vista estes fatos, a unidade de medida preferencial que será utilizada dentro dos arquivos CSS é o rem, já que ela se adapta de acordo com o tamanho da tela do usuário e também de acordo com as preferências do navegador, proporcionando assim a consistência de telas entre diferentes dispositivos.

A medida do rem é considerada como preferencial pois existem casos em que surja uma necessidade de precisão maior do CSS, no qual é utilizada a medida do pixel.