sobre as imagens

Oi Edi tudo bem?

Você primeiro tem que subir a imagem em um site de upload de imagens, eu uso o imgur.com.

Depois coloque o endereço da imagem em uma tag img aqui no fórum como se estivesse programando no HTML

<img src="www.imgur.com/imagem12312.jpg">

Espero ter ajudado!!!

oi André. você tem a imagem? aquela que o link aponta para o instagra?

Estou fazendo a primeira etapa dessa parte2 do curso e a imagem aponta para:

<
            img alt = "foto"
            className = "foto-src"
            src = "https://instagram.fcgh10-1.fna.fbcdn.net/t51.2885-15/e35/14482111_1635089460122802_8984023070045896704_n.jpg?ig_cache_key=MTM1MzEzNjM4NzAxMjIwODUyMw%3D%3D.2" / >

desculpe estar quebrado assim. é que também tenho que resolver essa questão da quebra do código. mas sobre o link da imagem. a imagem não aparece para mim.

Entendi errado a sua pergunta Edi. Me desculpe, achei que tava falando de como colocar imagens no fórum tipo printscreen. Vou encaminhar a sua pergunta pra equipe para ver se alguém pode te ajudar (geralmente o pessoal não entra no final de semana no fórum).

Oi Edi, tudo bem? A API estava usando imagens do Instagram de verdade, mas houve mudanças de permissões no Insta ou coisa assim que acabou gerando esses erros mesmo.

Apesar disso, a exibição das imagens em si, não vai impactar tanto no aprendizado, entendo que vai faltar aquela sensação de "opa, imagem apareceu aqui, etc", deixando a coisa mais real, mas por hora, pode seguir.

Estou checando com o pessoal mais técnico pra gente atualizar os links para aparecerem as imagens sem essa dependência de permissão de lugar nenhum. Tá bem?

oi Wanderson. obrigado. verdade mesmo. da para seguir. Será que você pode me ajudar em mais alguma coisa. ou vc acha que devo abrir outro tópico? estou com problema novamente no jsx. quando salvo o código html, o visual studio code quebra todo o código, ficando assim:

<
            div className = "foto" >
            <
            FotoHeader / >
            <
            img alt = "foto"
            className = "foto-src"
            src = "https://instagram.fcgh10-1.fna.fbcdn.net/t51.2885-15/e35/14482111_1635089460122802_8984023070045896704_n.jpg?ig_cache_key=MTM1MzEzNjM4NzAxMjIwODUyMw%3D%3D.2" / >
            <
            FotoInfo / >
            <
            FotoAtualizacoes / >
            <
            /div>  

já instalei alguns plugins, vi na internet que o pessoal teve esse problema mesmo quando trabalha com react, jsx no visual studio code. será que tem alguém ai que pode me ajudar?

Wanderson, Entendo que dá pra prosseguir o curso, mas acho MUITO falho a falta de imagens pra que consigamos realmente visualizar o que estamos construindo, da forma como apresentado nas aulas.

Edi, não sei se você já resolveu, mas pra que o vscode formate corretamente basta fazer o seguinte:

• Pressione Ctrl+Shift+P

• Pesquise e acesse: Open Workspace Settings

• Vá em Files: Associations, e clique em Edit in settings.json

• Atualize da seguinte maneira:

  "settings": {

    "files.associations": {
        "*.js": "javascriptreact"
    }

  }

Depois disso, ao formatar os .js o vscode não vai mais ficar quebrando o jsx.

Abraços, Raphael Cavalcanti

Oi Raphael obrigado. Esse passo a passo que você passou me ajudou bastante. Não estava conseguindo achar o file associations no workspace, mas vi aqui que fica de um menu Text Editor. vou seguindo o curso aqui. obrigado.

Oi Raphael, tudo bem? Concordo com você que realmente é falho da nossa parte. As imagens, por mais que não sejam essenciais, elas fazem muita falta sim.

Já estou vendo isso com o Alberto. Desculpa.

Olá, quando for consumir a api, dá para utilizar o servidor on-line para aparecer as fotos.

https://instalura-api.herokuapp.com/api/public/fotos/rafael

quem estiver usando estático, pode usar os links:

para a imagem do login:

https://s3.amazonaws.com/caelum-online-public/react-native-parte-2/images/adittional-resources/profile-photo-rafael.jpg

para o fundo:

https://s3.amazonaws.com/caelum-online-public/react-native-parte-2/images/adittional-resources/photo-2.jpg

Sensacional Edi, obrigado por compartilhar essa alternativa aqui com a gente. Tinha esquecido completamente dela.