REACT.JS E AXIOS - CONSUMIR DADOS DE API COM REACT E AXIOS
ฝัง
- เผยแพร่เมื่อ 22 พ.ย. 2024
- Neste vídeo você vai criar um projeto com React.js e #axios
⭐ Conheça a Comunidade: www.horadecoda...
Axios é uma biblioteca #javascript , Promise Based, que permite fazer requisições #http de forma facilitada
Grandes projetos são feitos com React e Axios
Também utilizaremos React Router Dom para criar as rotas (páginas) da nossa aplicação
🔴 Instagram: / horadecodar
🔷 Telegram: t.me/horadecodar
🟣 Discord Hora de Codar: / discord
⭐ Conheça a nossa plataforma de cursos: www.horadecodar.com.br/comunidade-hora-de-codar/
cara, muito bom esse vídeo, real. obrigada por contribuir tanto para o nosso conhecimento. você é fera!
Matheus, parabéns pelo seu canal e pela nobre missão de ensinar-nos um pouco do que você conhece do mundo do desenvolvimento React. Estou aprendendo bastante com seus cursos e vídeos do TH-cam. Conteúdo de primeira que já estou usando no meu trabalho. Obrigado.
Top! uma funcionalidade bem legal do axios é o intercept, que intercepta requisições e respostas e da para, por exemplo, setar um token de autenticação no header quando a requisição for de uma rota protegida. Normalmente prefiro usar o axios do que o fetch
Na Comunidade temos aula sobre os interceptors 😎
Conteúdo simples de muito valor em conhecimento muito bem explicado! parabéns.
Muito obrigado pela aula Matheus, sou dev backend a uns 10 anos e só agora estou me aprofundando no front. seus vídeos me ajudam muito! Obrigado!
Se vale a sugestão, acho que seria legal uma aula com react e typescript.
no vídeo vc disse q o axios era mais usado antigamente, qual a biblioteca que estão mais utilizando no lugar dele hoje em dia?
Obgdo irmão ajudou bastante, didatica impressionante, parabéns!
valeuu Rodrigo!
Muito obrigado professor. Conteúdo incrível didática impressionante
19:00 - CSS NAVBAR
24:00 - CONSUMINDO API
Esse professor é fenômeno.
Como sempre show ! Aquele abraço👏
grande Zeriel!!
Mais um ótimo projeto Matheus, uma dúvida, por que não usar o text-transform: capitalize para a primeira letra da frase ser maiúscula? Qual a diferença?
Excelente aula Matheus, deu pra praticar bastante o axios integrado ao react! Congrats!!
de nada Higor!
Eu tô querendo utilizar a tal React Query pra construir minha app, muito mais por seguir a comunidade do que por ver sentido em usá-la (até agora não vi simplicidade).
A minha pergunta é: alguma coisa muda em usar axios + react query?
Video top, como sempre obrigado Mateus!
de nada Prince!
Boa Mestre, ótima aula!
Ótima aula como sempre Matheus!
valeu Guilherme!
Ótimo conteúdo, valeu professor
valeu Rafael!
Muito bom! Estou começando e quanto menos "tecnologias" usam para ensinar algo mais facil fica de aprender, essa aula foi bem simples e deu pra aprender bastante, apesar de que, sempre fico com a duvida, era pra eu conseguir fazer isso tudo sozinho? se eu tentar agora tenho certeza que nao consigo... enfim
Ninguém consegue fazer tudo na área de programação sem pesquisar no Google, ou em qualquer outro mecanismo de busca. Fique tranquilo, isso é normal na área.
Eu tive muita essa duvida no começo tbm, mas hoje vejo que o fundamental é que saibamos os caminhos para realizar certa tarefa. as consultas as documentação sempre iram estar disponiveis para que possamos tirar nossas duvidas na hora do codigo. com tantas ferramentas fica invialvel sabermos de tudo.. principalmente para nos que osmos iniciantes. siga firme!
boa noite, onde posso conseguir a aula da criação da página individual do post?
Você tem alguma aula criando API com node? que eu possa integrar com essa parte do front?
Vídeo sensacional! Parabéns e muito obrigado!
Matheus, com o axios podemos usar duas portas diferentes ? uma 3000 e outra 5000, para API diferentes ?
De onde você tira ideias, meu bom jovem?
ola, em qual curso esta este projeto completo?
Recomenda eu fazer esse projeto com styled component?
No front end é possível conectar a um banco de dados ?
Muito bom !!!!
Pretente algum dia fazer um curso de Adonis?
Tem continuação no youtube??
Você é incrivel!!
Show de bola!
Poderia ensinar fazer o deploy TB .
Fala matheus, blz? cara podia trazer pra gente, um sistema com o reactjs de login, usando o JWT, e privatização de rotas também! agradeço!
Usei o nome da instância do axios 'blogFetch' e dava só erro, mudei pra 'instance' igual a documentação, e funcionou!! Alguém sabe explicar ?
sei que é difícil as gravações dos vídeos mais seriam bom você gravar um super curso completo tudo junto fazendo pelo menos uns 3 projetos inteiros de frond e já na sequência fazer esses 3 prjetos de front se interagir com back-end mais um back-end real mesmo como por ex php com mysql.
Enfim o que eu quero dizer que não tem problema se você ficasse 1 ano gravando os conteúdos e só depois você publicar pra vender, esse curso seria como se fosse sua marca onde seria uma formação completa com mais de 180hrs.
NÃO VENDA ESSE MEGA CURSO NA U..... VENDA NA HOT POR EX ONDE SE PODERIA VENDER A UMA VALOR DE MAIS OU MENOS 300 REAIS OU 350 GARANTO QUE SE FOR UM FORMAÇÃO COMPLETA SE VAI TER SUCESSO
opa, seus problemas acabaram: horadecodar.com.br/comunidade-hora-de-codar/
xD
Tu é o cara!!!!
Olá Matheus! Gosto muito dos seus conteúdos. Mas se usasse um microfone separado do fone de ouvido acredito que o áudio melhoraria bastante
Salve! Fiz os teus cursos de react e node lá na udemy e me surgiu uma dúvida vendo esse vídeo. Lá no curso, a iniciação das rotas eram feitas no App.jsx e aqui você está fazendo na main.jsx. há alguma diferença ou vantagem?
no curso ele usa create-react-app, aqui ele tá usando vite, mesma coisa
Execelente
Tem o restante dessa aula na udemy? Gostaria de comprar
oi Juliana, não tem, apenas na Comunidade Hora de Codar: horadecodar.com.br/comunidade-hora-de-codar/
Minha página fica em branco assim que coloco o outlet e as rotas não funcionam, alguém sabe o pq ?
Qual biblioteca mais utilizada hoje para consumo de API ?
Axios :D
@@igorcorreia2199 Valeu, Man ;)
belicimo video
não sei porque mas o meu esta dando erro que a tela fica branca em qualquer mudança que eu faço, queria tanto fazer esse tutorial
Professor, como faço para utilizar na tela de login, para alterar a senha do usuário?
minhas curiosidades as 3 da manha
eu tenho certeza que ele é de floripa
galera o meu esta dando erro, quando tento pegar , o title e o body da api, alguem me pode me ajudar? 31:18
O meu npm run dev n funciona n sei porq
dar uma olhada como ta configurado o script que fica no package.json do projeto
Faltou o método get, delet 😢
lá na Comunidade Hora de Codar tem, e o update tb =)
horadecodar.com.br/comunidade-hora-de-codar/
Fiz igual e nao funcionou
isso porque ele fez cortes no video e não percebeu que cortou onde tem correções que ele não aparece explicando, exemplo note que após aos 31:18 tem uma alteração no "Carregando...) : (" ele deve ter feito isso em outras partes do video e como também não postou o código pronto, dificulta para quem tentou replicar.