Resumo do projeto

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.

🔨 Conteúdos adquiridos

• 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.

✔️ Tecnologias utilizadas

• HTML
• SASS
• CSS Modules
• JavaScript
• React.js

📁 Acesso ao projeto

Você pode acessar o projeto clicando aqui.