Boilertemplate derivado do react-create-app, com algumas modificações, entre elas:
- SASS / Styled components
- EditorConfig
- ESLint (Airbnb)
- Prettier
- Arquitetura de pastas
- Docker
Para utilizar esse boilertemplate siga os seguintes passos (Pré-requisito: Git, npm/yarn, o HyperV com uma switch e o Docker)
- Abra o seu terminal de preferência e vá a pasta que deseja colocar o projeto
- Clone o repósitorio com o comando "git clone https://github.com/baraodev/react-boilertemplate"
- Baixe as dependências com "npm install" ou "yarn install"
- Suba o servidor com "npm start" ou "yarn start"
- Crie uma maquina virtual com o comando "docker-machine create -d hyperv univesp"
- Utilize o comando para preparar o ambiente "docker-machine env univesp"
- Construa e suba os serviços com "docker-compose up -d --build"
- Agora é só codar! Para ver o app basta entrar em "http://localhost:3000"
Agora vamos entender como funcionam as pastas...
Onde fica a saída principal da aplicação (index.html) e o favicon.
Onde fica o código fonte da aplicação, quase tudo que você codar vai ficar por aqui.
Nessa pasta ficará todos os arquivos estaticos, como por exemplo, images e estilos globais.
Componentes são elementos menores visiveis na interface, por exemplo, um card, um formulário etc.
Pasta onde ficará armazenado as estruturas das páginas (As páginas serão constituidas pelos componentes).
Pasta que fica encarregada de se conectar com serviços, por exemplo, uma API.
Qualquer dúvida só procurar por Marco Barão :-D