Referência
A nossa organização de pastas e arquivos ficam da seguinte forma:
src ├─ Components ├─ Crucial ├─ Helper ├─ Models ├─ Pages ├─ Utils ├─ Widgets ├─ firebaseConfig.js ├─ history.js ├─ index.css ├─ index.js └─ Routes.js
Models, Pages e Helper
Na organização de nosso projeto, foi pensado no padrão MVC (Model, View e Controller). Apesar de muitas pessoas considerarem essa sigla como um padrão de design de interface, na verdade ele é um padrão de arquitetura de software responsável por contribuir na otimização da velocidade entre as requisições feitas pelo comando dos usuários.
Nessa organização mostrada anteriormente, mostram três pastas importantes que fazem parte do padrão MVC, que são eles: Models, Pages e Helper.
Como funciona a interação do MVC?
Tudo começa com a interação do usuário na camada View. A partir daí o controlador pega essa informações e envia para o Model que fica responsável por avaliar aqueles dados e transmitir uma resposta.
O controlador recebe essas respostas e envia uma notificação de validação daquela informação para a camada visão, fazendo com a mesma apresente o resultado de maneira gráfica e visual.
Todo esse processo leva em consideração as regras de negócio aplicadas na construção de todo projeto.
Crucial
Pense numa situação, você precise predefinir umas propriedades que serão aproveitadas em todo o projeto ao longo do desenvolvimento. Há diversas formas de fazer isso, mas, quanto você pretende predefinir várias propriedades com finalidades diferentes, acabam que ficam avulsos e desorganizados no projeto. Para resolver essa situação, é preciso concentrar tudo no mesmo lugar cujo o objetivo desse grupo é o mesmo.
Vale ressaltar que não estamos mais falando do padrão MVC. Pois o Crucial não será responsável como numa camada de visão, modelo e controlador.
Last updated
