- React 16.8.6;
- React Router 5.0.0;
- Redux 4.0.1;
- Node 10.15.3 (LTS);
- NPM 6.4.1;
O ambiente de desenvolvimento, utiliza o docker. Foi criada uma imagem personalizada para o projeto com base na imagem oficial do docker, o mesmo esta dividido em 2 partes:
- frontend.dockerfile (Utiliza a imagem oficial do node:10.15.3)
- docker-compose.yml (Utilizado para configurar os serviços)
Primeiro passo instalar o docker em sua maquina.
Caso seja a primeira vez que esteja executando o projeto rode o seguindo comando: docker-compose build na raiz do diretorio do projeto. Após o build da imagem execute o seguinte comando docker-compose up -d.
Caso já tenha realizado o build basta executar o comando docker-compose up -d na raiz do diretório do projeto.
Neste caso será necessário acessar o bash do serviço desejado, para isso exaecute o seguinte comando:
- docker-compose exec gestao-descontos-frontend bash
Temos o seguinte container
- gestao-descontos-frontend;
- public (pasta que contém a single page da apĺicação por meio do arquivo index.html e outros arquivos pós "bundle do projeto")
- src (pasta que contém de fato as implmentações)
- assets (possíveis "ativos" do projeto, imagens e css)
- common (components e containers comuns no projeto)
- components (components que são utilizados mais de 1 vez no projeto)
- containers (components que possuem containers utilizados mais de 1 vez no projeto)
- config (arquivos de configuração do projeto)
- helpers ("implementações ajudantes", que resolvem questões especificas e são utilizadas em varias partes do projeto)
- main (configurações e definições iniciais do projeto)
- pages (aonde de fato ficam as páginas que utilizam os recursos da API)
- index.js (arquivo inicial do projeto)
- serviceWorker.js (arquivo para registro de serviços que rodam em background no frontend)
- package.json (arquivos que contém as dependências do projeto)