Boilertemplate de ReactJS

Boilertemplate derivado do react-create-app, com algumas modificações, entre elas:

• SASS / Styled components
• EditorConfig
• ESLint (Airbnb)
• Prettier
• Arquitetura de pastas
• Docker

Configuração

Para utilizar esse boilertemplate siga os seguintes passos (Pré-requisito: Git, npm/yarn, o HyperV com uma switch e o Docker)

1. Abra o seu terminal de preferência e vá a pasta que deseja colocar o projeto
2. Clone o repósitorio com o comando "git clone https://github.com/baraodev/react-boilertemplate"
3. Baixe as dependências com "npm install" ou "yarn install"
4. Suba o servidor com "npm start" ou "yarn start"
5. Crie uma maquina virtual com o comando "docker-machine create -d hyperv univesp"
6. Utilize o comando para preparar o ambiente "docker-machine env univesp"
7. Construa e suba os serviços com "docker-compose up -d --build"
8. Agora é só codar! Para ver o app basta entrar em "http://localhost:3000"

Explicação de pastas

Agora vamos entender como funcionam as pastas...

public

Onde fica a saída principal da aplicação (index.html) e o favicon.

src

Onde fica o código fonte da aplicação, quase tudo que você codar vai ficar por aqui.

assets

Nessa pasta ficará todos os arquivos estaticos, como por exemplo, images e estilos globais.

components

Componentes são elementos menores visiveis na interface, por exemplo, um card, um formulário etc.

pages

Pasta onde ficará armazenado as estruturas das páginas (As páginas serão constituidas pelos componentes).

services

Pasta que fica encarregada de se conectar com serviços, por exemplo, uma API.

Qualquer dúvida só procurar por Marco Barão :-D