Projeto realizado através da biblioteca React.js, onde visa a criação de uma aplicação com arquivos estáticos, estes que foram estilizados por meio da linguagem de extensão do CSS chamada SASS, tornando o desenvolvimento mais simples e eficiente.
Organização de pastas e arquivos em um projeto React
: Criamos pasta para os componentes e pastas para as páginas. Cada componente tem sua própria pasta, que encapsula tanto os seus estilos quanto o seu código, e também os arquivos que ele utiliza. Ajudando na manutenção do código no futuro.Vantagens de utilizar o CSS modules e o SASS
: Aprendemos como instalar um SASS e como utilizar o SASS justamente com o CSS Module, para garantir que não haja conflito de classes, que o CSS Module garante que cada classe funciona dentro do seu próprio escopo..Absolute Imports
: Aprendemos a lidar com absolut imports, para evitar aqueles caminhos relativos de acessar pastas com ../../, isso é muito custoso e nada produtivo. Configurando o projeto para trabalhar com caminhos absolutos..Métodos JavaScript
: Utilizamos funções JavaScript para adicionar funcionalidades a página como a filtragem de imagens do espaço, através do .map(), .filter() e spread operation.
HTML
SASS
CSS Modules
JavaScript
React.js
Você pode acessar o projeto clicando aqui.