Тёмный

Criando uma Pokédex com React.JS e PokeAPI 

Leonardo Araujo
Подписаться 10 тыс.
Просмотров 29 тыс.
50% 1

Github dos projetos de react do canal (esse é o pokedex):
github.com/Leo...

Опубликовано:

 

27 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 68   
@araujolleo
@araujolleo 4 месяца назад
Fala ae, beleza? Caso você chegou de paraquedas aqui e não sabe, agora estou fazendo vídeos de viagens também! Como por exemplo esse aqui que experimentei comida indiana: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-dKmWvKLgOuE.html
@joao-hw5ix
@joao-hw5ix 2 года назад
cara nunca pare com seus videos e nem com esse suporte maravilhoso que voce da a seu publico,nunca perca essa sua humildade e simplicidade de ser que fique claro que isso foi um elogio kkkk !!
@araujolleo
@araujolleo 2 года назад
Kkkk Tmj 👊🏻
@gustavoaugustowustemberg109
Cara que vídeo incrível e só te peço uma coisa, faz a segunda parte por favor!!!!!
@araujolleo
@araujolleo Год назад
Já está na minha lista, pode deixar 👊🏻
@GustavoLima-ob7rf
@GustavoLima-ob7rf Год назад
Excelente vídeo, tu tem uma didática muito boa, por favor continue com seu conteúdo.
@fernandes245
@fernandes245 2 года назад
caramba fui o primeiro
@cafeinado7174
@cafeinado7174 2 года назад
quando aplico o laço for ele faz duas vezes o ciclo
@Gcastanheira
@Gcastanheira Год назад
vc é brabão, leo
@demetriolins2013
@demetriolins2013 Год назад
Cara, muito boa sua didatica...
@ALEXANDROJAFS
@ALEXANDROJAFS 7 месяцев назад
Vc está de brincadeira né? Não entendi foi nada. No meio do vídeo o cara se enrolou todo, cortou o vídeo, desfez a primeira chamada da api sem dizer o pq, e usou um tal de axiosAll sem nem dizer pra quê. Tá louco.
@reita009
@reita009 2 года назад
obrigado por facilitar um problema q me atormenta a dias xD
@brunosoltoo
@brunosoltoo 2 года назад
Muito legal, ficou show!
@araujolleo
@araujolleo 2 года назад
Valeu 👊🏻
@anselmonascimento3324
@anselmonascimento3324 2 года назад
Boa show d bola, já fiz em angular tbm.
@araujolleo
@araujolleo 2 года назад
Bacana demais! Tu sentiu que com o Angular foi mais rápido?
@anselmonascimento3324
@anselmonascimento3324 2 года назад
Pra mim foi tranquilo, como trabalho com angular ja tinha ideia da construção :).
@hazy5526
@hazy5526 2 года назад
Muito legal seu projeto com certeza aprendi muito, gostaria de ver um vídeo só estilizando kkkkkk
@araujolleo
@araujolleo 2 года назад
Opa, dá uma olhada na internet em “Styled Components”! Acho que tu vai curtir (não tenho vídeo ainda sobre). Dá pra usar com o Material tbm!
@Jotapee06
@Jotapee06 Год назад
Muito brabo mano!
@holandesvoador5121
@holandesvoador5121 Год назад
Muito bom o video! Estou meio que fazendo o mesmo projeto, porem sem React, apenas usando JS. Como eu faço essa parte de acessar a url das imagens dos Pokemons? Voce utiliza o axios, porem em JS puro não tem como, ai gostaria de uma ajuda com isso por favor!
@oliveiraphael
@oliveiraphael 2 года назад
Monstroooo!
@ОлексійБубенко-ж5х
Saudações da Ucrânia
@msbhero
@msbhero Год назад
Você pode setar um filter antes do map e aí não precisa fazer essa função de filtro
@maicondeoliveiradasilva4586
projeto muito legal, entretanto, os sistema de busca está quebrado. Seria mais interessante fazer outra variável baseada na variavel principal que contem todos os pokemons (assim não altera nenhum dado da variavel principal), depois aplicar um filter na primeira variável, e no return, ao invés de rodar um map na variável principal, rodar apenas na primeira. Assim o código fica mais leve, por não precisar ficar fazendo uma nova requisição toda vez que o input estiver vazio, e por não ter este bug.
@1ninozinho
@1ninozinho 2 года назад
Qual extensão usa pra importar automaticamente o axios por exemplo?
@claudiojunior5418
@claudiojunior5418 Год назад
tb fiquei com essa dúvda
@washingtonazevedo1514
@washingtonazevedo1514 2 года назад
Projeto show de bola 🤓🤓🤓
@tkxobisama8369
@tkxobisama8369 Год назад
Muito bom o projeto, só me tira uma duvida como fazer para usar o filter (ex: pesquisar pokemons com as iniciais LU na barra de pesquisa) ?
@cingetorixhelvetii5172
@cingetorixhelvetii5172 Год назад
Eu consegui montar uma com o nome e a imagem, mas aí quando fui colocar o tipo(grass/poison) precisei colocar mais um .get de outra url, só que aí não sei como colocar essa informação dentro do mesmo lugar.. amanhã vou ficar o dia todo quebrando a cabeça pra descobrir...
@ThiagoMendesDM
@ThiagoMendesDM Год назад
chegou a sair o segundo video ?
@carolinemartins2725
@carolinemartins2725 2 года назад
Os detalhes é o que venho tentando e dando problema
@gabriellim7550
@gabriellim7550 Год назад
nao estou conseguindo fazer o meu
@Igor-xw6jo
@Igor-xw6jo 2 года назад
Salve irmão, bom demais seu conteúdo. Me tira duas dúvidas, a primeira relacionada ao conteúdo do vídeo e a outra é mais uma dica do que pergunta, mas vamos lá. No caso do logo do pokemon que tu colocaste na navbar, mudar apenas o width e height dele, sendo que a imagem possui um tamanho maior, não acaba gerando um excesso em termos de carregamento da página? Lógico que neste caso é apenas um projeto com fim de aprendizado, mas digamos que no "mundo real" fosse realizar algo assim, seria feito da mesma forma ou seria necessário alterar o arquivo da imagem para "pesar" menos? A segunda pergunta, que seria mais uma "dica", é a respeito de locais para treinar meu aprendizado, estou começando nesse mundo de programação e optei pelo js, porém gostaria de algum lugar que tenha exercícios e lógicas (com resolução) para treinar e ver se realmente aprendi aquilo que estudei. Se tiver algum site para indicar para que eu possa resolver problemas que agreguem no aprendizado e me deixem mais fluído na linguagem, te agradeço. Teu conteúdo é bom demais irmão, tua didática é daora, sem muita enrolação. Forte abraço!
@araujolleo
@araujolleo 2 года назад
Excelente pergunta! Sim, fica algo bem custoso. No mundo real, provavelmente, a gente usaria uma imagem no formato SVG. E sobre praticar lógica, nada melhor que tirar um projeto do papel e dar vida a ele usando seus conhecimentos de programação.
@imhungry2094
@imhungry2094 Год назад
ou, olha sobre a code cademy, lá eles ti ensinam (n só js, mas tbm js) e tbm tem algumas atividades, pode ser bom para vc ver se realmente aprendeu... mas fazer oq o leo falou tbm é bom, tenta criar o seu proprio projeto sem ajuda de ninguem...
@steniogaspar790
@steniogaspar790 2 года назад
Léo faz um vídeo gravando a sua rotina
@araujolleo
@araujolleo 2 года назад
Uma galera me pede isso, mas o complicado é que não tenho uma rotina fixa kkkkkk
@steniogaspar790
@steniogaspar790 2 года назад
@@araujolleo Ok eu entendo, nem eu tenho uma rotina fixa kkk
@GabrielRodrigues-vu9hn
@GabrielRodrigues-vu9hn 2 года назад
Faz a parte 2 vai...
@araujolleo
@araujolleo 2 года назад
Pode deixar! Vou fazer sim
@iamryaan2037
@iamryaan2037 2 года назад
alguém já conseguiu fazer o search ? não estou conseguindo.
@codigomeu4078
@codigomeu4078 2 года назад
Mano, vou fazer uma pokedex amanhã e vejo se tem como eu adicionar, aí de mando o repositório, mas óbvio que o código não vai ser igual o do Léo, vou fazer a minha :)
@iamryaan2037
@iamryaan2037 2 года назад
@@codigomeu4078 demoro meu mano. obrigado
@iamryaan2037
@iamryaan2037 2 года назад
@@codigomeu4078 eu só fui meio que na lógica do Leo, mas fiz do meu jeito
@andersongomes262
@andersongomes262 Год назад
@@iamryaan2037 acho que não precisa se preocupar em ficar igual, pois você está aprendendo, na verdade acho que isso evita a maioria dos bugs... quando for criar o seu próprio aí você já vai ser obrigado a enfrentá-los
@andersongomes262
@andersongomes262 Год назад
const pokemonFilter = (name) => { var filteredPokemons = []; name = name.toLowerCase(); if (name === "") getPokemons(); for (var i in pokemons) { if (pokemons[i].data.name.includes(name)) { filteredPokemons.push(pokemons[i]); } } setPokemons(filteredPokemons); }; basicamente eu só adicionei o name = name.toLowerCase();
@ramonvinicius3498
@ramonvinicius3498 2 года назад
Pokemon... pqp... Enfim, tudo pela prática.
@kayronnysales9352
@kayronnysales9352 Год назад
Aguardando ansioso pela segunda parte, video muito bom!!!
@renoinformatica4311
@renoinformatica4311 Год назад
Cara, fui tentar fazer esse desafio usando minha própria lógica com Typescript e demorei umas 4 horas. É normal demorar tanto tempo assim no começo para fazer algo simples? Ou eu que tô muito lento?
@yagomoreira4923
@yagomoreira4923 Год назад
Muito bom! Pude aprender um pouco mais de React e descobri a ferramenda MUI
@jenifermoreira3668
@jenifermoreira3668 Год назад
PoqeoVoCegotadepoqeomanp
@jeffs446
@jeffs446 2 года назад
Tentando usar essa biblioteca e não tá indo :(
@samuelcavalcanti8819
@samuelcavalcanti8819 2 года назад
Foi um ótimo projeto pra praticar React e API, mas o uso do MUI pra poupar css no início me confundiu @_@
@araujolleo
@araujolleo 2 года назад
Se quiser pode criar componentes do zero e dar o mesmo nome dos que eu usei! Aí vc pode focar na outra parte do código. 😁
@marcelomagalhaes5284
@marcelomagalhaes5284 2 года назад
Muito bom mano parabéns!!
@araujolleo
@araujolleo 2 года назад
Obrigado 👊🏻
@higorlokk
@higorlokk 2 года назад
Galera quem puder ajudar eu agradeço, meu codigo deu ERRO no min 20:26.. Ali quando ele faz o setPokemons(res.data.results).. Não aparece os cards na minha tela apenas o Navbar... E no Console o primeiro erro que aparece é esse "pokemons.map is not a function", mas o meu código esta igual o dele...
@andersongomes262
@andersongomes262 Год назад
Man já aconteceu erros assim comigo, na minha opinião o mais rápido, pra quem está aprendendo, é começar denovo kkk volta o vídeo criando tudo do zero, só não desista.
@adrielaurentino
@adrielaurentino Год назад
Possivelmente o seu erro foi no useState. Tem que definir ele como um array vazio.
@gmartins-dev
@gmartins-dev Год назад
teve parte 2? =)
@araujolleo
@araujolleo Год назад
Vou gravar em breve 😁
@steniogaspar790
@steniogaspar790 2 года назад
Muito bom mano
@araujolleo
@araujolleo 2 года назад
Obrigado 👊🏻
@matheusasilva1170
@matheusasilva1170 Год назад
Parte dois por favor....
@araujolleo
@araujolleo Год назад
Vou gravar em breve 👊🏻
@BrenooFreitas
@BrenooFreitas Год назад
Up
Далее
O que é api? Rest? Tudo NA PRÁTICA
19:55
Просмотров 9 тыс.
"Когти льва" Анатолий МАЛЕЦ
53:01
PROJETO DE REACT COM TYPESCRIPT E API DO GITHUB
56:58
Criando a Pokédex no Android com Kotlin
2:16:04
Просмотров 19 тыс.
Inglés autogenerado
1:51:56
Просмотров 33 тыс.
POKEDEX COM REACT JS
1:17:12
Просмотров 409
Autenticação JWT com Context API e React Router
32:46