Skip to content

Instantly share code, notes, and snippets.

@lavesan
Last active December 17, 2019 03:32
Show Gist options
  • Save lavesan/6ca3791dbd9fecf27bbe0ed2235595d9 to your computer and use it in GitHub Desktop.
Save lavesan/6ca3791dbd9fecf27bbe0ed2235595d9 to your computer and use it in GitHub Desktop.
Arquitetura React
├── .env # Arquivo contendo os valores de configuração do projeto, como as urls de API
├── README.md
├── tslint.json
├── tsconfig.json
├── package.json
├── .gitignore
└── src/
   ├── index.ts # Importa o projeto
   ├── App.ts
   ├── App.css
   ├── store.ts
   ├── actions/ # Contém as actions do redux
   ├── assets/
   |      ├── imgs/ # Pasta contendo arquivos de imagem (.jpg, .png, .svg...)
   |      ├── json/ # Pasta contendo arquivos JSON globais do projeto
   |      └── media/
   |            ├── sounds/ # Pasta contendo arquivos de som
   |            └── videos/ # Pasta contendo arquivos de video
   ├── components/ # Pasta que contém os componentes globais
   |      └── component-name/ # Criar 1 pasta para cada componente global
   |            ├── index.ts # Exporta o componente em si e o que arquivos externos dele utilizarem dele
   |            ├── component-name.component.ts # Componente em si
   |            ├── component-name.types.ts # Contém as interfaces do componente
   |            ├── component-name.styles.ts # Contém os estilos do componente
   |            └── component-name.validations.ts # Contém as validaçes do componente (yup)
   ├── views/ # Pasta que contém as páginas (views) do projeto
   |      └── view-name/
   |            ├── component-name/ # Criar 1 pasta para cada componente da página
   |            ├── index.ts
   |            ├── view-name.page.ts
   |            ├── view-name.interfaces.ts
   |            ├── view-name.context.ts # Contém os contextos
   |            ├── view-name.styles.ts
   |            ├── view-name.context.ts
   |            └── view-name.validations.ts
   ├── services/ # Contém os serviços para APIS
   |      ├── service-1.service.ts
   |      └── service-2.service.ts
   └── utils/ # Contém as funções util do projeto
         ├── utils-usability-1.utils.ts
         └── utils-usability-2.utils.ts
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment