Arquitetura do projeto

A arquitetura utilizada aqui não seguirá os padrões já existentes como o MVC, utilizaremos uma arquitetura de pastas bastante utilizada pela comunidade do react-native.

A arquitetura será a seguinte:

Unichat
├── src/
│   ├── config/
│   │   └── ReactotronConfig.js
│   ├── assets/
│   │   ├── image.png
│   │   └── image1.png
│   ├── screens/
│   │   └── Main/
│   │       └── index.js
│   ├── components/
│   │   └── buttom.js

• src - Este diretório contêm todos os arquivos da aplicação, ele é útil para que o código da aplicação fique isolado dos outros arquivos de configuração, e possa ser facilmente portado para outros projetos.
  • config - Diretório para guardar os arquivos de configuração da aplicação, por exemplo, a configuração de uso do Reactotron e configuração de inicialização do Firebase.
  • assets - Detetório que irá conter imagens, gifs e etc. Que serão utilizados na aplicação.
  • Screens - Screens, como o próprio nome já da a entender, seriam as telas que temos dentro da nossa aplicação. Em um CRUD de usuários, teríamos uma tela para a listagem, uma para a criação e uma tela para a edição. Cada uma dessas telas, seria uma screen.
  • Components - Components são partes de código, que realizam uma determinada função seja uma lógica ou um elemente de uma tela, eles ficarão neste diretório.