.
├── src/
| ├── components/ # Todos os componentes do projeto.
| | ├── example/ # Cada componente em sua devida pasta.
| | | ├── index.js # Cada pasta do seu componente com um index.js para exportar o componente e suas variações.
| | | ├── example.js
| | | ├── example.test.js
| | | ├── example.scss
| | | └── example.story.js # História do componente montada no Storybook.
| | ├── ...
| | └── index.js # Exportação de todos os componentes para se utilizar nas páginas.
| ├── helpers/ # Helpers apaixonantes do Edmar.
| | └── ... # Alguns outros helpers (ex: media, transform...).
| ├── lib/ # High-order components.
| | ├── ...
| ├── pages/ # As paginas que compoem o projeto.
| | ├── article/
| | | ├── index.js
| | | └── article.scss # Estilo para a diagramação da página.
| | ├── ...
| | └── index.js # Página inicial.
| ├── redux-flow/
| | ├── reducers/ # Todos os reducers vem nesta pasta.
| | | ├── example/
| | | └── ...
| | ├── store/
| | | └── index.js # Configuração para criar stories no Redux.
| ├── requests/ # Funções para realizar os requests na API.
| | └── ...
| ├── styles/ # Estilos globais da aplicação.
| | ├── ...
| | └── index.scss # Arquivo de entry para os estilos.
| └── config.js # Arquivo contendo as URL's da API.
├── routes.js
├── server.js
├── README.md
└── ...
É necessário ter o yarn instalado em sua máquina, pois alguns scripts dependem dele para funcionar.
Caso não queria utilizar o yarn, troque o yarn|npm em package.json/scripts.
dev:story: Inicia o desenvolvimento a partir do Storybook em "http://localhost:6006";dev: Inicia o desenvolvimento da aplicação em "http://localhost:3000";build: Constroi a aplicação em modo produção no diretóriodist/no root do projeto;start: Sobe um servidor na porta 3000 em "http://localhost:3000";test: Roda o jest realizando os testes.lint: Roda o eslint e stylelint em todo o projeto.test:watch: Inicia o jest em modowatch, recomendado para desenvolvimento em TDD.
Outros scripts podem ser encontrados no arquivo package.json.