... | @@ -75,9 +75,9 @@ O sistema foi dividido em `camadas` e podemos ver as principais abaixo: |
... | @@ -75,9 +75,9 @@ O sistema foi dividido em `camadas` e podemos ver as principais abaixo: |
|
- **Containers (``molécula``)**: Na química, moléculas são grupos de átomos ligados entre si que assumem novas propriedades. Nas interfaces, as moléculas são grupos simples de elementos da interface do usuário funcionando como uma unidade. Por exemplo, um label de formulário, um input de pesquisa e um botão podem se unir para criar uma molécula de formulário de pesquisa. É a parte responsável por agrupar componentes que serão utilizados em uma tela. Contém regra de negócio/lógica.
|
|
- **Containers (``molécula``)**: Na química, moléculas são grupos de átomos ligados entre si que assumem novas propriedades. Nas interfaces, as moléculas são grupos simples de elementos da interface do usuário funcionando como uma unidade. Por exemplo, um label de formulário, um input de pesquisa e um botão podem se unir para criar uma molécula de formulário de pesquisa. É a parte responsável por agrupar componentes que serão utilizados em uma tela. Contém regra de negócio/lógica.
|
|
Abaixo, dois exemplos de containers, que agrupam os componentes para gerar um novo.
|
|
Abaixo, dois exemplos de containers, que agrupam os componentes para gerar um novo.
|
|
|
|
|
|
![image](resources/images/tutorial/molecule-search-form.png)
|
|
![image](resources/images/tutorial/search_cortado.png)
|
|
|
|
|
|
![image](resources/images/tutorial/organism-header.png)
|
|
![image](resources/images/tutorial/header_cortado.png)
|
|
|
|
|
|
- **Screens (``organismo``)**: Organismos são componentes de IU complexos, compostos por grupos de moléculas e/ou átomos e/ou outros organismos. Esses organismos formam seções distintas de uma interface. Responsável pela a apresentação dos containers e interage com a navegação entre as telas. Possui pouca lógica/regra de negócio (menos do que o container). Onde são feitas as requisições pra API, geralmente.
|
|
- **Screens (``organismo``)**: Organismos são componentes de IU complexos, compostos por grupos de moléculas e/ou átomos e/ou outros organismos. Esses organismos formam seções distintas de uma interface. Responsável pela a apresentação dos containers e interage com a navegação entre as telas. Possui pouca lógica/regra de negócio (menos do que o container). Onde são feitas as requisições pra API, geralmente.
|
|
|
|
|
... | | ... | |