<M1#A36> Meu app do GitHub API não mostra as informações na tela. O que pode ser?

[mateus-cibelli-de-oliveira]

Fala ae Fernando. Aqui é o Mateus. Eu sou um aluno seu. Bem, eu estava fazendo tudo corretamente reutilizando o app criado no inicio das aulas com webpack, mas aí quando comecei as aulas onde foi feito o consumo da API do GitHub o meu app funciona normalmente o servidor, mas a tela fica branca, como se não tivesse nada ali. O que pode ser isso? Salvei meu app neste repositório. Ah, sim... Eu não baixei o app original do curso aqui, pq eu estava querendo começar do zero mesmo. Só que ai tive esse problema.

https://github.com/mateus-cibelli-de-oliveira/appGitHub.git

@fdaciuk

[fdaciuk]

Oi @mateus-cibelli-de-oliveira! A primeira dica pra entender quando a tela fica toda em branco é sempre olhar o DevTools do seu navegador: as abas "Console" e "Network" contém informações valiosas sobre os erros que podem estar acontecendo na sua aplicação para que algo não carregue corretamente =)

No seu caso, os problemas são os seguintes:

• No componente src/components/repos.js, você usou React.propTypes ao invés de React.PropTypes (perceba que o P de PropTypes é maiúsculo nesse caso) =)
• Outro erro é: em todos os componentes você usou arrow function para criá-los, mas adicionou um corpo na função com {} e não usou return. Nesse caso, você pode resover de um dos dois jeitos:
  • quando você tem só o valor retornado como corpo da função, você pode remover os {}, ou adicionar parênteses apenas para "envolver" o conteúdo retornado;
  • ou apenas adicionar o return para que o valor da função seja retornado.

Fazendo isso, tudo vai funcionar como esperado =)

Me deixe saber se ficou alguma dúvida! Bons estudos :D