... | @@ -101,6 +101,9 @@ Uma forma de ajudar a entender as diversas relações que o sistema possui é cr |
... | @@ -101,6 +101,9 @@ Uma forma de ajudar a entender as diversas relações que o sistema possui é cr |
|
|
|
|
|
A imagem apresentada pode nos auxiliar no entendimento de como se comportam os componentes dentro do React. Claro, essa não é uma ideia definitiva mas sim uma concepção das possíveis relações existentes. Uma outra abordagem que poderíamos analisar é a presença apenas de campos como `Name`, `Props`,`State` e `Functions`, pois se um componente possuir outro componente filho ou nodos dentro de si, os mesmos podem ser acessados ao usar um `props.children` por exemplo.
|
|
A imagem apresentada pode nos auxiliar no entendimento de como se comportam os componentes dentro do React. Claro, essa não é uma ideia definitiva mas sim uma concepção das possíveis relações existentes. Uma outra abordagem que poderíamos analisar é a presença apenas de campos como `Name`, `Props`,`State` e `Functions`, pois se um componente possuir outro componente filho ou nodos dentro de si, os mesmos podem ser acessados ao usar um `props.children` por exemplo.
|
|
|
|
|
|
|
|
<img src="https://tools.ages.pucrs.br/olive/olive-wiki/raw/master/Images/diagrams/componentesProps.png">
|
|
|
|
|
|
|
|
Aqui é a representação para compreender a forma como os componentes conseguem se relacionar uns com os outros através de `Props`.
|
|
|
|
|
|
### Diagrama do Sistema
|
|
### Diagrama do Sistema
|
|
É a maneira como as camadas do sistema se comunicam, em outras palavras, uma representação do comportamento da aplicação como um todo. Um conjunto de componentes (implementados de forma genérica) compõe uma tela. Esta tela então é chamada pela `Routes` para assim compor o fluxo de telas da aplicação.
|
|
É a maneira como as camadas do sistema se comunicam, em outras palavras, uma representação do comportamento da aplicação como um todo. Um conjunto de componentes (implementados de forma genérica) compõe uma tela. Esta tela então é chamada pela `Routes` para assim compor o fluxo de telas da aplicação.
|
... | | ... | |