Projeto Motor

Este projeto tem a finalidade de unificar e padronizar as cobranças na conta de energia. Apresentação detalhada aqui

Front End

Tecnologias utilizadas

• React doc
• Styled Components doc
• Typescript doc
• Storybook doc

Versão do NodeJs 16.17.1

Clean Architecture

Clean architecture é uma abordagem para projetar aplicações de software que visa a separação das responsabilidades e preocupações do sistema em camadas, de forma a tornar o código mais organizado, fácil de manter e escalar. No React, a implementação de uma clean architecture pode incluir a separação das pastas do projeto em diferentes camadas, como a camada de apresentação (que contém os componentes do React), a camada de domínio (que contém as regras de negócio e lógica do sistema) e a camada de dados (que contém a lógica de acesso a dados, como APIs).

Por exemplo, uma estrutura de pastas para uma aplicação React com clean architecture poderia ser: src

presentation (camada de apresentação): contém os componentes do React, como os componentes de interface do usuário (UI) e os componentes de página.

domain (camada de domínio): contém as regras de negócio e lógica do sistema, como os serviços e os modelos de dados.

data (camada de dados): contém a lógica de acesso a dados, como os adaptadores de API e os repositórios de dados.

Dessa forma, cada camada é independente das outras e tem uma responsabilidade bem definida, o que facilita a manutenção e o desenvolvimento do sistema. É importante lembrar que essa é apenas uma forma de implementar a clean architecture no React e que outras estruturas de pastas também podem ser utilizadas, dependendo das necessidades específicas da aplicação.