Feature - Marketplace Pages

[LuanEdCosta]

• Create the marketplace initial page
• Create the marketplace task details page
• Create the marketplace search/tasks page
• Create the marketplace author page
• Create the marketplace API
• Create the marketplace store
• Make adjustments in routes and other components to integrate with the new pages

All pages are responsive, but we need to create a Header component and make it responsive too

[github-actions]

Dicas para revisão de código

Commits

• Título (1a linha do commit): apresentar resumo do que foi alterado/adicionado/removido.
  ex: adiciona action que salva parametros no backend; exibe rótulo no componente de selecao de dataset;
• Descrição (outras linhas): dar mais detalhes de cada alteração:
  • motivos das alterações
    ex: havia um bug que causava...; nova funcionalidade que faz isso...; código foi movido para...;
  • bibliotecas adicionadas e versões (package.json)
    ex: atualiza para antd v4.6;
  • testes unitários criados/alterados
    ex: adiciona testes para a action fetchProjectSuccess;
• Mensagens auto-explicativas! Quem revisa o código deve entender o que foi feito (e porque foi feito) sem perguntar para quem fez o commit.
• Não devem ter conflitos. Solicitar que sejam resolvidas as ocorrências de "This branch has conflicts that must be resolved".

SonarCloud Quality Gate

• Coverage > 80.0%, e sempre que possível = 100%
• 0 Bugs, 0 Code Smells, 0 Vulnerabilities

Build Github actions COM SUCESSO

ReactJS

• Usar Node 12 ou 14.
• Remover console.log.
• Não deixar código-fonte comentado.
• Pasta de módulos devem ser escritas em lower case
• Pasta de componentes devem ser escritas em camel case
• Nunca utilizar spread em retorno de reducer sem alteração
• Sempre utilizar hooks ao invés de HOCs
• Itens em uma lista devem ser renderizados com uma chave única (preferir uuid)
• Comentar apenas códigos que não estão muito claros
• Não utilizar comentários para blocos
• Action types devem conter @

Redux

As instruções a seguir foram retiradas do Redux Style Guide.

• Sempre retorne o newState no reducer. Outros valores irão causar problemas inesperados.
  ex: return message.error(error); (ERRADO)
• NÃO faça atribuições de valores no state. Crie e retorne um newState.
  ex: state.data = action.data; return state; (ERRADO)
• No reducer use apenas o state e o action. Não dispare ações ou funções assíncronas.
• No state, armazene tipos simples (int, String, ...), Array e plain Object. NÃO armazene function, Promise, class instances.
• Evite arrays aninhados no estado. Prefira armazená-los numa "forma normalizada".
• Nomeie as actions como "eventos", não como "setters".
  ex: SET_TASK_NAME SET_TASK_DESCRIPTION (ERRADO). TASK_DETAILS_EDITED (CORRETO).
• Utilize nomes auto-explicativos para as actions. Evite nomes como SET_DATA e UPDATE_DATA.

[fberanizo]

👍 @LuanEdCosta Tudo okay!
Provavelmente vamos fazer ajustes nas URL (acho que o marketplace deve usar um prefixo diferente de projects/apis/marketplace), mas isso faremos depois que o backend estiver pronto.

Só estou em dúvida se mantemos o item de menu visível, ou escondido por enquanto...

[LuanEdCosta]

Ah certamente alguns ajustes terão que ser feitos quando for feita a integração com a API 😅.
Sobre o item do menu vou esconder ele por aqui 👍, já subo as alterações neste mesmo PR

[sonarqubecloud]

SonarCloud Quality Gate failed.   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

16.0% Coverage
0.0% Duplication

[fberanizo]

Testado com sucesso no amb .53