Daew galera, baita vídeo hein, e se alguém tiver algum erro no final de tudo, um retorno NaN ou simplesmente não buscar o valor da api, basta modificar o para e tirar o val do [de_para].val, ou seja let cotacao = json[de_para] , só vai entender quem fizer até o final mesmo, valeu galera...realizado dia 27 08 2020
Vídeo muito bom! Simples e direto ao ponto. Quanto à API, realmente solicitando no site do fabricante, resolve. Gostei de toda a orientação e do modo como colocou o conteúdo com facilidade. Salve Deus! Prosperidade a ti. Agradeço por disponibilizar seu tempo, meu bom.
Assisti seu vídeo uns dois anos atrás quando não tinha nada de experiência e não tinha entendido quase nada. Hoje já trabalho como desenvolvedor e incrível como é fácil de entender e realmente bem útil como o React JS reaproveita código....
@@Lucao477 Uau, 9 meses, aprendi um bocado de coisa, e agora tu me lembrou que eu tenho que refatorar este código também kkkkkk Ainda não trabalho na área(Não por falta de oportunidade, eu só não vou bem nos testes técnicos :/, além de que não estou com pressa de conseguir uma vaga nessa área), mas sigo tentando e treinando mais minhas habilidades.
@@fabriciobrazil8625 poxa... testes tecnicos são dificeis pra iniciantes mesmo, por isso eu to em busca de um estágio, acho que ter a oportunidade de aprender com a mão na massa ajudará pra uma futura vaga de junior Você ja tentou estágio?
@@Lucao477 Não faço faculdade relacionado à ti. E a maioria(quase todos que eu já vi) requer que seja um curso voltado para a área, então eu foco mesmo em vagas júnior.
Opa! Estou aprendendo React e esse vídeo foi muito interessante como material complementar! Muito obrigado! Vou tentar fazer com async/ await só para tentar mudar um pouco !
uma dúvida, por padrão quando você cria um component ou até mesmo o componet app do seu react já veio como uma class extendendo a classe component no entando eu tentei fazer isso no meu react e não veio assim por padrao no lugar de classes ele utiliza funções, contudo consegui usar a didática e como funcoes nao tem construtores crei um props no parametro da funcao, o que eu quero saber mesmo é se ficou obsoleto esse método de extender a classe componet ou eu estou fazendo errado
Igor, faça uma pesquisa sobre as melhores e piores hospedagens, citando diferenças e performance, seria muuuito legal. Com dicas para varios tipos de aplicações/quando usar vps e tal.
@@BrunoidGames Mano, minha dúvida quanto ao heroku, é na questão de hospedagem para algum cliente. Poderia me dar uma clareada sobre formas de deploy? O dev deve ter uma conta no heroku para todos os futuros clientes? os clientes que devem assumir a hospedagem que preferir? Se puder dar um help, agradeço :)
@@mardoniorodrigues11 Infelizmente não, btrother. Mas uma sugestão seria manter tudo na tua conta e cobrar pelo produto (app, site...) E todos os custos adicionais que ele lhe acarretará (manutenção e mensalidade)
@@felipepassos5445 é mas vocês pensam que é facil né? o governo se esforça muito para chegar até 7.90, não é facil afundar um pais desse tamanho, requer uma consistência diária no erro, exige um empenho muito grande para seguir todos os modelos economicos que já se provaram falidos. dá um trabalhão endividar o país, imprimir muito dinheiro e controlar a taxa de juro num valor extremamente baixo , tem que estar muito focado no erro para atingir essas metas, tem que gerar mais e mais burocracias para os empresários, afastar todo o investimento exterior, tem que expulsar esses investidores que querem lucrar aumentando a produtividade do nosso pais e gerarando empregos. vocês reclamam demais o governo ta cumprindo com tudo que se propôs, ser um pais pobre e sem perspectiva.
Igor, lembro q conversei contigo no insta uma vez sobre a criação de app q demora, E achei algo relacionado sobre do yarn, q esta +/- em beta, mas é possível usar de boas Depois pesquisa sobre o yarn plug-and-play
Simples e prático, ótimo pra quem ta começando Na minha opnião não adianta a pessoa que ta iniciando ficar 5h fazendo um clone da netflix sendo que quando terminar ja vai ter esquecido tudo. Começar sempre do básico!
Fala Igor! Tudo Bom? Adorei seu vídeo do conversor com Vue.js e também esse usando ReactJS, tenho alguma base de programação e de POO em outras linguagens mas ainda não teve como mexer com JavaScript, por isso ver esse processo de utilização de API's e frameworks utilizando JS me da uma vontade imensa de querer estudar um pouco da linguagem! Parabéns pelo vídeo e não posso esperar pelo de React Native! Abraço!
Uma dica para proxímos vídeos ensinando uma tecnologia, coloca o código fonte no github fica mais fácil para quem quiser recriar por motivos de estudo para saber se seguiu os comandos direitos.
Em primeiro lugar, parabéns pelo trabalho em segundo lugar queria pedir um favor, sei que pra tela do PC pode ficar um pouco grande mas se puder aumentar um pouco a fonte no VS Code iria ajudar pra caramba quem assiste no celular, fica bem pequeno e ruim pra ver, força muito as vistas. Inscrito aqui e alerta ativado, rumo aos 100k! Ah, e quero sim ver esse conversor em RN! 🤓
Igor. Não sei se vais ver, poderias fazer um Video atualizando esse conversor de forma a fazer com que a escolha da moeda seja feita pelo usuário? Usando algo como um combo box ou algo do tipo? Estou aprendendo react agora e estou meio perdido em como fazer isso dessa forma. Abcs
Parabéns pelo vídeo, estou aprendendo o básico de desenvolvimento e com o pouco de base que tenho ao olhar o vídeo, da pra ter uma noção do que seria o caminho... organização de arquivos, pegar as informações que vc precisa, fazer algo com elas, devolver, mostrar isso... uma coisa ligada na outra...
Pessoal, tentem fazer esse tutorial usando Hook. É mais simples, menos código e é a nova recomendação da documentação React. Com Hook, não precisamos usar classes.
Não entendo de React.JS, ainda estou estudando JavaScript puro e ainda uso o jQuery em aplicações dos meus clientes. A pergunta é, "da pra usar o Bootstrap com o React.JS"? "O React.JS só substitui o jQuery e o JavaScript puro né"? Vou aprender React.JS e Node.JS ano que vem. Nesse ano estou focado em PHP avançado
Fala Igor, blz? Queria compartilhar uma coisa. Comecei a estudar React hoje e percebi uma coisa que talvez para ti, já seja obvio kkk. Mas para muitos que estão começando, pode não ser tão obvio assim. O React JS pode ser utilizado em uma parte pequena do site? Digo. Estava pesquisando algumas coisas simples para fazer em react, e percebi que muitos sites ensinavam como fazer coisas especificas, mas não necessariamente, fazer um site completo com o react JS. Depois de alguns testes e pesquisas que eu percebi que o arquivo index.html pode ser modificado sem causar problemas no resto da aplicação. Ou seja, quem tem familiaridade com o html e css puros, não precisa abrir mão deles para utilizar o react. Isso facilita bastante para quem esta começando. Fazer uma coisa de cada vez e ir aprendendo aos poucos sem frustração. Como sempre, você tem razão. React js é a melhor escolha para quem esta começado. Muito obrigado!!!
@@Programadorbr Muito obrigado !! Não querendo pedir demais. Mas daria para fazer um vídeo sobre POO com JavaScript? Estou tendo bastante dificuldade de entender o funcionamento das classes. Mais uma vez, obrigado e ótimo trabalho.
Não estou conseguindo... o meu esta retornando o resultwdo NaN. Eu ja coloquei a Key para o uso da versão free e quando eu uso o console.log na cotacao ele retorna undefined. Olhando no inspessor e ele retorna o valor do dolar
Faz um vídeo ensinando a integrar o cmder com o vscode mano. Obrigado pelos vídeos! Acompanho o canal desde 5mil inscritos e estou feliz por vc nessa evolução! Rumos aos 100mil!!
Igor, como seria o processo de hospedagem de uma aplicação java, mas com frontend react? Como faria para hospedar isto? Seria necessários servidores diferentes?
esse tipo de coisa é legal para o portfólio? digo, projetos que fiz acompanhando um tutorial ou o entrevistador vai olhar como se eu só tivesse copiado e colado e não achar legal? sempre fico pensando nisso.
Estou assistindo hoje, mas ta dando problema com a API, agora precisa de Token, mas mesmo colocando ta dando erro. Não sei se muda o jeito ali no fatch, mas nao to conseguindo fazer agora
Não é necessário fazer o bind para manter o this, se utilizado arrow functions. Ao invés de converter() { // perde o this da class } Seria: converter= () => { // mantém o this da class }
Opa, beleza? Voce como dev mobile, o que tem a dizer sobre o framework flutter e a linguagem dart? Se puder fazer um video sobre ficaria muito agradecido! Adoro seu trabalho
opa tudo bom! quando faço todo o processo de criacao na pasta app.js nao criou a extensao ("extends") ele criou uma function no lugar desse extends. poderia me ajudar
@@PedroLucas-rb9yb quase o preco de um hd de 1TB por um hd com menos de 1/4 desse espaço é caro em relação ao hd e 240 gb pra mim não dá nem pra SO e programas
@@giovaneferreira1969 eu tbm estava com esse problema e foi erro meu de digitação. No meu caso escrevi modeaA, quando na verdade deveria ter escrito moedaA no arquivo App.js. Outro erro que cometi foi no arquivo Conversor.js ter escrito a seguinte linha sem o "state": let moedaB_valor = (parseFloat(this.state.moedaA_valor) * cotacao);
Cara eu to com um problema p criar essa estrutura de arquivos. depois que eu executo o npx-create-react-app ele só cria a pasta node_modules, o package.json e o yarn lock. poderia me dar alguma dica? (sou iniciante em reactJS e estou usando windows 7 64 bits)
quando eu inicio o app e abro no visual code não aparece: " render(); não aparece a palavra "components" no app.js. Parece que o código está incompleto.
eae professor blz, entao toda vez que faço esse processo npx para criar o projeto, entro nele e dou o comando npm start ou npm run start, apresenta este erro: npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! aprendendoreact@0.1.0 start: `react-scripts start` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the apredendoreact@0.1.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: estou tentando várias formas para corrigir, até agora não consegui, mas se alguém puder me ajudar agradeço.
Você é a pessoa que eu uso como base para muita coisa, então, vou tirar essa dúvida aqui. (Mesmo o vídeo sendo antigo) O que dá para fazer com Javascript PURO, tipo, sem HTML e CSS, somente o JS, da para fazer aplicações GUI?
Olá! Entrei tentando aprender do zero (não sei nada de nada) e você já começou o vídeo numa tela que eu nem sei o que é, já digitando comandos, etc! Estou tentando te ajudar, pois seu título sugere que um cara como eu poderia aprender alguma coisa... Toda via, agradeço a atenção!
Fala Fênix, eu agradeço a sua ajuda e fico triste que o vídeo não serviu para vc. Infelizmente em um vídeo do TH-cam a gente precisa definir um ponto de partida. Esse vídeo já ficou com quase 30 min. Se eu fosse abordar prompt de comando, ia ser inútil para a grande maioria do meu público e ia tornar o ritmo do vídeo muito pior. Todo programador em algum momento tem contato com o prompt de comando/terminal. Uma comparação do que vc está pedindo, seria em um vídeo sobre formatação de texto, alguém falar que o vídeo não ensina a instalar o word. No seu caso o ideal seria procurar um outro vídeo sobre prompt de comando ou terminal, depois volte aqui que vc vai entender o que eh essa tela.
Antes de assistir esse video voce ja deveria estar familiarizado com javascript, es6 e node apos isso retorne aqui pra ter uma melhor compreensão. Isso que ele passou é só o bê-á-bá do react
Cara, sério, você me deu uma nova visão do que é o React e de como ele pode (e vai) melhorar muito as minhas aplicações na web. E deixa eu te perguntar uma coisa: os componentes do React são intercambiáveis pro React Native?
Pra quem ta assistindo no final de 2020 e esta tendo dificuldades com a api, é porque eles mudaram a url, estao passando uma API Key por email, estão na versão 7 e o objeto mudou, não esta mais aninhado com um val, só acessar direto. Refiz aqui e esta funcionando legal
Fala Igor! Cara, to reproduzindo seu conversor, aqui, e a versão da api do conversor é a 7 e agora precisa de chave de api. Já me cadastrei e consegui a chave... Porém, quando tento converter 2, como vc faz, a reposta é "NaN"
agora o desenvolvedor tem que pedir para usar a API. mas é bem simples. é só ir no site, informar seu E-mail e eles dão uma chave para vc utilizar a API
React Vale a Pena? Todo mundo fala muito do React native para desenvolvimento mobile. Mas o React JS, fica como? Ele é bem usado na web? Sempre ouço falar de Angular e Vue. Para alguém que está começando, vale a pena ir direto para o React js?
uhahuauhahu é que na minha cabeça essas perguntas de coisa A ou B valem a pena, não faz muito sentido. Eu não sei qual a pena, então não tem como responder se vale.
@@Programadorbr kkk, entendi. Certo. Então, sendo mais específico. Se você, estivesse começando a programar, já sabendo HTML, CSS e JavaScript, escolheria React js para web? Como primeiro framework? Obs: 'Depende' não vale..kkk
Sem dúvidas, tanto que foi ele que escolhi para incluir no meu curso. A grande vantagem dele é a semelhança com React Native, então se vc pretende criar apps para celular, faz muito sentido ir de React.
Recebi um Aplicativo de um grupo da faculdade pra testar feito em React Native com o tamanho do APK de 23 mega. Depois recebi de outro grupo o mesmo aplicativo feito em Java e tinha o tamanho do APK de 5 mega. Basicamente o aplicativo tinha 5 telas e puxa os dados de um JSON que mostrava essas informacoes na tela. Por que essa diferença de tamanho dos APKs ? Procurei alguma explicacao e nao encontrei nenhuma, todos os canais apenas falam das tecnologias e mais nada. Tem diferença entre o tamanho dos APK gerados pelas tecnologias Java, Kotlin, React Native, Flutter, Hibrido (HTML, CSS, JS). Se tem diferença mesmo de tamanho ou foi apenas um equivoco que percebi. Se tem diferença de tamanho qual er o impacto no usuario final que usa o aplicativo ?
Atenção, em alguns navegadores (Opera e Chrome) o seu canal aparece como conteúdo para criança e não posso clicar no sininho para receber todas as notificações. No Firefox ele aparece normal e é possível clicar no sininho.
vinicio souza nesse caso eu queria mostrar a linguagem. Queria mostrar a criação de um componente genérico que pudesse ser reaproveitado sem ter que modificar o componente. É importante lembrar que um vídeo de código do canal tem como objetivo mostrar a linguagem, então nem sempre vai ser aplicado da forma como aquele projeto seria feito no mundo real.
Daew galera, baita vídeo hein, e se alguém tiver algum erro no final de tudo, um retorno NaN ou simplesmente não buscar o valor da api, basta modificar o para e tirar o val do [de_para].val, ou seja let cotacao = json[de_para] , só vai entender quem fizer até o final mesmo, valeu galera...realizado dia 27 08 2020
Salvou meu estudo! Valeu
Opa, muito obrigado!
Obrigadaaaa, mas no meu bastou tirar o .val que deu certo.
bati cabeça até perceber isso tbm kkkk
Muito Bom , mas pq deu esse erro , o valor com imput fica como string?
Esse tipo de conteúdo é que precisava aparecer nos recomendados do TH-cam!! Muito bom Igor, parabéns!
Vídeo muito bom! Simples e direto ao ponto. Quanto à API, realmente solicitando no site do fabricante, resolve. Gostei de toda a orientação e do modo como colocou o conteúdo com facilidade. Salve Deus! Prosperidade a ti. Agradeço por disponibilizar seu tempo, meu bom.
Assisti seu vídeo uns dois anos atrás quando não tinha nada de experiência e não tinha entendido quase nada. Hoje já trabalho como desenvolvedor e incrível como é fácil de entender e realmente bem útil como o React JS reaproveita código....
Não tô entendendo nada, desespero 😭
Muito obrigado, fiz inteiro com functions, achei que ia dar merda mas deu tudo certo.
Igor você planeja desenvolver aplicativos com react native aqui no canal?
Parabéns meu amigo! Eu nao estava entendendo nada de React JS e consegui entender muito bem com essa aplicação. Um abração!
Nunca tinha visto React JS e achei super simples a sua didática!!!
Só pela explicação do bind merece like, conceito muito importante! Parabéns
Top demais, eu fazia isso em PHP com menos de 10 linhas. Lá vai eu aprender essa maravilha
Atualizei utilizando react hooks e trocando as classes por funções, é legal esse tipo de projeto para treinar. Excelente didática e ótimo vídeo!
estou fazendo a mesma coisa!
como você ta em react após 9 meses? já trabalha utilizando ele?
@@Lucao477 Uau, 9 meses, aprendi um bocado de coisa, e agora tu me lembrou que eu tenho que refatorar este código também kkkkkk Ainda não trabalho na área(Não por falta de oportunidade, eu só não vou bem nos testes técnicos :/, além de que não estou com pressa de conseguir uma vaga nessa área), mas sigo tentando e treinando mais minhas habilidades.
@@fabriciobrazil8625 poxa... testes tecnicos são dificeis pra iniciantes mesmo, por isso eu to em busca de um estágio, acho que ter a oportunidade de aprender com a mão na massa ajudará pra uma futura vaga de junior
Você ja tentou estágio?
@@Lucao477 Não faço faculdade relacionado à ti. E a maioria(quase todos que eu já vi) requer que seja um curso voltado para a área, então eu foco mesmo em vagas júnior.
Opa! Estou aprendendo React e esse vídeo foi muito interessante como material complementar! Muito obrigado! Vou tentar fazer com async/ await só para tentar mudar um pouco !
O cara é brabo
Cara... c é o Cara!!!!!!!!!!! Showww Parabéns! quem sabe faz ao vivo... vc fez tudo rapidão!
uma dúvida, por padrão quando você cria um component ou até mesmo o componet app do seu react já veio como uma class extendendo a classe component no entando eu tentei fazer isso no meu react e não veio assim por padrao no lugar de classes ele utiliza funções, contudo consegui usar a didática e como funcoes nao tem construtores crei um props no parametro da funcao, o que eu quero saber mesmo é se ficou obsoleto esse método de extender a classe componet ou eu estou fazendo errado
Muito bom, excelente, sou novato e gostaria de saber , tenho um arquivo JS e gostaria de extyrair os resultados do JS para o react.
Já estou aguardando com o React Native!!!! vlw Igor!!!
Fazendo maratona de seus vídeos e aprendendo a criar apps para portfólio,muito grato!
Igor, faça uma pesquisa sobre as melhores e piores hospedagens, citando diferenças e performance, seria muuuito legal. Com dicas para varios tipos de aplicações/quando usar vps e tal.
@@BrunoidGames Mano, minha dúvida quanto ao heroku, é na questão de hospedagem para algum cliente. Poderia me dar uma clareada sobre formas de deploy? O dev deve ter uma conta no heroku para todos os futuros clientes? os clientes que devem assumir a hospedagem que preferir? Se puder dar um help, agradeço :)
@@gabriel_rwx vc já tem as respostas para essas perguntas, mano?? Poderia falar aqui pra gente? Pf
@@mardoniorodrigues11 Infelizmente não, btrother. Mas uma sugestão seria manter tudo na tua conta e cobrar pelo produto (app, site...) E todos os custos adicionais que ele lhe acarretará (manutenção e mensalidade)
Dolar a 3.70? que saudades!
😔
Daqui 5 anos. Nossa dólar era 5,40 que sonho kkkkk
Hoje em dia então, parece até conto de fadas...
Kkkk
@@felipepassos5445 é mas vocês pensam que é facil né? o governo se esforça muito para chegar até 7.90, não é facil afundar um pais desse tamanho, requer uma consistência diária no erro, exige um empenho muito grande para seguir todos os modelos economicos que já se provaram falidos. dá um trabalhão endividar o país, imprimir muito dinheiro e controlar a taxa de juro num valor extremamente baixo , tem que estar muito focado no erro para atingir essas metas, tem que gerar mais e mais burocracias para os empresários, afastar todo o investimento exterior, tem que expulsar esses investidores que querem lucrar aumentando a produtividade do nosso pais e gerarando empregos. vocês reclamam demais o governo ta cumprindo com tudo que se propôs, ser um pais pobre e sem perspectiva.
Igor, lembro q conversei contigo no insta uma vez sobre a criação de app q demora,
E achei algo relacionado sobre do yarn, q esta +/- em beta, mas é possível usar de boas
Depois pesquisa sobre o yarn plug-and-play
Faz em React Native também! Parabéns, ótimo vídeo.
Muito bom. Sonho em ser Dev e você está contribuindo demais com isso.
Obrigado por compartilhar a sua sabedoria com a didática tão boa!
Abraço
Simples e prático, ótimo pra quem ta começando
Na minha opnião não adianta a pessoa que ta iniciando ficar 5h fazendo um clone da netflix sendo que quando terminar ja vai ter esquecido tudo.
Começar sempre do básico!
Parabéns pelo vídeo! Muito bom!
Parabéns para conteúdo, bem pratico e simples ajudou muito!!!
Fala Igor! Tudo Bom? Adorei seu vídeo do conversor com Vue.js e também esse usando ReactJS, tenho alguma base de programação e de POO em outras linguagens mas ainda não teve como mexer com JavaScript, por isso ver esse processo de utilização de API's e frameworks utilizando JS me da uma vontade imensa de querer estudar um pouco da linguagem! Parabéns pelo vídeo e não posso esperar pelo de React Native! Abraço!
Uma dica para proxímos vídeos ensinando uma tecnologia, coloca o código fonte no github fica mais fácil para quem quiser recriar por motivos de estudo para saber se seguiu os comandos direitos.
Melhor canal de programação do youtube sem duvida!
puxa saco kkk
Parabéns por trazer um conteúdo bem explicado e direto!
Em primeiro lugar, parabéns pelo trabalho em segundo lugar queria pedir um favor, sei que pra tela do PC pode ficar um pouco grande mas se puder aumentar um pouco a fonte no VS Code iria ajudar pra caramba quem assiste no celular, fica bem pequeno e ruim pra ver, força muito as vistas.
Inscrito aqui e alerta ativado, rumo aos 100k!
Ah, e quero sim ver esse conversor em RN! 🤓
Pra quem utiliza typescript com react, usar o vite ao invés de create-react-app é uma ótima opção, é rápido e mais leve.
Muito bom seus videos!!
Fala quando puder sobre os PWA's.. Se vc fisesse um tutorial sobre eles seria legal!! Abraço!
Adoro seus vídeos! Continue o bom trabalho!
Igor. Não sei se vais ver, poderias fazer um Video atualizando esse conversor de forma a fazer com que a escolha da moeda seja feita pelo usuário? Usando algo como um combo box ou algo do tipo? Estou aprendendo react agora e estou meio perdido em como fazer isso dessa forma. Abcs
Valeu pelo vídeo! Bem direto e objetivo!
A API não funciona mais😔
Parabéns pelo vídeo, estou aprendendo o básico de desenvolvimento e com o pouco de base que tenho ao olhar o vídeo, da pra ter uma noção do que seria o caminho... organização de arquivos, pegar as informações que vc precisa, fazer algo com elas, devolver, mostrar isso... uma coisa ligada na outra...
E aí cara, como anda seu aprendizado depois de 1 ano? Fiquei curioso hehe
Dólar a 3,70 há exatos 12 meses!!! kkkkkkkkkkkkk que sonho! 🤦🏻♂️
sonho, dólar atual 5,37 :')
era caro tb, mas a gente nao tinha ideia
Pensei o mesmo.
E só pra registrar: fora Bolsonaro.
Willian Santos opa amigo, sua vó poderia morrer de covid em prol da economia?
@@ATGamerHTZ a economia vemos depois fica em casa combustível 6 conto kkkkkkkkkkkkk
Que venham mais vídeos assim, muito bom, parabéns.
Pessoal, tentem fazer esse tutorial usando Hook. É mais simples, menos código e é a nova recomendação da documentação React. Com Hook, não precisamos usar classes.
to fazendo com hook
Olá Igor, qual seria a melhor maneira de deixar uma mask no input e ainda sim conseguir calcular?
Sim sobre a diferença de reactjs p react native. Parabéns pelo tutorial.
tem como programar de maneira visual? existe alguma ide que possibilite isso como é feito no construct 2?
Não entendo de React.JS, ainda estou estudando JavaScript puro e ainda uso o jQuery em aplicações dos meus clientes. A pergunta é, "da pra usar o Bootstrap com o React.JS"? "O React.JS só substitui o jQuery e o JavaScript puro né"?
Vou aprender React.JS e Node.JS ano que vem. Nesse ano estou focado em PHP avançado
Olá, você sabe me dizer por que quando eu crio meu projeto ele não tem uma classe e sim uma Function App?
Que aula, parabéns pelo conteúdo.
Fala Igor, blz?
Queria compartilhar uma coisa. Comecei a estudar React hoje e percebi uma coisa que talvez para ti, já seja obvio kkk. Mas para muitos que estão começando, pode não ser tão obvio assim.
O React JS pode ser utilizado em uma parte pequena do site? Digo. Estava pesquisando algumas coisas simples para fazer em react, e percebi que muitos sites ensinavam como fazer coisas especificas, mas não necessariamente, fazer um site completo com o react JS. Depois de alguns testes e pesquisas que eu percebi que o arquivo index.html pode ser modificado sem causar problemas no resto da aplicação. Ou seja, quem tem familiaridade com o html e css puros, não precisa abrir mão deles para utilizar o react. Isso facilita bastante para quem esta começando. Fazer uma coisa de cada vez e ir aprendendo aos poucos sem frustração. Como sempre, você tem razão. React js é a melhor escolha para quem esta começado. Muito obrigado!!!
Pode ser usado em apenas uma parte sim. Só toma cuidado para não tornar a manutenção complexa demais. Mas para estudos tá tudo liberado. kkk
@@Programadorbr Muito obrigado !! Não querendo pedir demais. Mas daria para fazer um vídeo sobre POO com JavaScript? Estou tendo bastante dificuldade de entender o funcionamento das classes. Mais uma vez, obrigado e ótimo trabalho.
Não estou conseguindo... o meu esta retornando o resultwdo NaN.
Eu ja coloquei a Key para o uso da versão free e quando eu uso o console.log na cotacao ele retorna undefined.
Olhando no inspessor e ele retorna o valor do dolar
Faz um vídeo ensinando a integrar o cmder com o vscode mano. Obrigado pelos vídeos! Acompanho o canal desde 5mil inscritos e estou feliz por vc nessa evolução! Rumos aos 100mil!!
Man, sua didática é muito massa!!
Se for aprender programar por dinheiro vai ser um mal programador
Coloca uma forma de tratar a url da api caso ela não esteja funcionando
Faz o do React Native também mostrando as diferenças por favor!!! Vídeo muito bom. Obrigado e parabéns pelo canal!
Igor, como seria o processo de hospedagem de uma aplicação java, mas com frontend react? Como faria para hospedar isto? Seria necessários servidores diferentes?
esse tipo de coisa é legal para o portfólio? digo, projetos que fiz acompanhando um tutorial ou o entrevistador vai olhar como se eu só tivesse copiado e colado e não achar legal? sempre fico pensando nisso.
Opa, eas Igor, Blz? Faz um vídeo sobre push notification.
Apoio
up
Estou assistindo hoje, mas ta dando problema com a API, agora precisa de Token, mas mesmo colocando ta dando erro. Não sei se muda o jeito ali no fatch, mas nao to conseguindo fazer agora
Muito Obrigada Igor!!
Não é necessário fazer o bind para manter o this, se utilizado arrow functions.
Ao invés de converter() {
// perde o this da class
}
Seria: converter= () => {
// mantém o this da class
}
Só era ele ter feito uma arrow function
Opa, beleza? Voce como dev mobile, o que tem a dizer sobre o framework flutter e a linguagem dart? Se puder fazer um video sobre ficaria muito agradecido! Adoro seu trabalho
opa tudo bom! quando faço todo o processo de criacao na pasta app.js nao criou a extensao ("extends") ele criou uma function no lugar desse extends. poderia me ajudar
Parabens....excelente explicação...
o resultado da operação de conversão, está retornando NaN, saberia como posso resolver?
um jeito de deixar isso mais rapido é ter um SSD kkkkk aqui demora uns 20 segundos pra dar um create-react-app
Pois é, percebi que é culpa do SSD só dps de ver seu comentario, aqui tmb vai rapidão e eu nao tinha me ligado que era por causa disso kkk
Hds hj infelizmente são um gargalo na tecnologia tudo evoluiu infelizmente o SSD é caro e tem vida útil bem inferior
@@fabinSilvas Amigo tem SSD de 240gb por 150 reais, não acho caro não
@@PedroLucas-rb9yb quase o preco de um hd de 1TB por um hd com menos de 1/4 desse espaço é caro em relação ao hd e 240 gb pra mim não dá nem pra SO e programas
@@fabinSilvas Ah sim
Primeiro parabéns, video curto e objetivo. Quando possível faça um com Redux também.
o meu estava com erro NaN removi o .val do código ai funcionou normal
o meu ainda está com esse erro, removi o .val, mas não funcionou.
variavel ser undefined.
@@giovaneferreira1969 eu tbm estava com esse problema e foi erro meu de digitação. No meu caso escrevi modeaA, quando na verdade deveria ter escrito moedaA no arquivo App.js. Outro erro que cometi foi no arquivo Conversor.js ter escrito a seguinte linha sem o "state":
let moedaB_valor = (parseFloat(this.state.moedaA_valor) * cotacao);
Aguardo anciosamente o de React Native, trazer o video colocando esse projeto(de React) em produção também seria ótimo! Vídeo sensacional!
Cara eu to com um problema p criar essa estrutura de arquivos. depois que eu executo o npx-create-react-app ele só cria a pasta node_modules, o package.json e o yarn lock. poderia me dar alguma dica? (sou iniciante em reactJS e estou usando windows 7 64 bits)
Mano, essa url não está funcionando. Aparece o seguinte erro:
"Unhandled Rejection (TypeError): Failed to fetch".
o que eu faço?
Para instalar esses componentes e rodar o app, posso utilizar o terminal do Git Bash também?
Simplesmente, vc é foda!!!
quando eu inicio o app e abro no visual code não aparece: " render(); não aparece a palavra "components" no app.js. Parece que o código está incompleto.
Só vc colocar manualmente
eae professor blz, entao toda vez que faço esse processo npx para criar o projeto, entro nele e dou o comando npm start ou npm run start, apresenta este erro:
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! aprendendoreact@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the apredendoreact@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
estou tentando várias formas para corrigir, até agora não consegui, mas se alguém puder me ajudar agradeço.
Bem que você me falou que iria fazer , abraço Igor!
pra mim não esta funcionando a parte do terminal para criar o local host , alguém sabe me dizer oque eu estou fazendo errado ?
O "event" aparece como deprecado. Alguém pode me dizer como substituí-lo? Valeu!
Opa, somente pra avisar que a apiKey é necessário para usar a api de converter a moeda
Você é a pessoa que eu uso como base para muita coisa, então, vou tirar essa dúvida aqui. (Mesmo o vídeo sendo antigo) O que dá para fazer com Javascript PURO, tipo, sem HTML e CSS, somente o JS, da para fazer aplicações GUI?
o site da api agora exige que você tenha uma key para liberar o uso da api..
Meu maior obstáculo, copiei e colei
boa tarde, gostei bastante do video. onde posso baixar o código?
Olá!
Entrei tentando aprender do zero (não sei nada de nada) e você já começou o vídeo numa tela que eu nem sei o que é, já digitando comandos, etc!
Estou tentando te ajudar, pois seu título sugere que um cara como eu poderia aprender alguma coisa... Toda via, agradeço a atenção!
Fala Fênix, eu agradeço a sua ajuda e fico triste que o vídeo não serviu para vc.
Infelizmente em um vídeo do TH-cam a gente precisa definir um ponto de partida.
Esse vídeo já ficou com quase 30 min. Se eu fosse abordar prompt de comando, ia ser inútil para a grande maioria do meu público e ia tornar o ritmo do vídeo muito pior.
Todo programador em algum momento tem contato com o prompt de comando/terminal.
Uma comparação do que vc está pedindo, seria em um vídeo sobre formatação de texto, alguém falar que o vídeo não ensina a instalar o word.
No seu caso o ideal seria procurar um outro vídeo sobre prompt de comando ou terminal, depois volte aqui que vc vai entender o que eh essa tela.
Antes de assistir esse video voce ja deveria estar familiarizado com javascript, es6 e node apos isso retorne aqui pra ter uma melhor compreensão.
Isso que ele passou é só o bê-á-bá do react
Cara, sério, você me deu uma nova visão do que é o React e de como ele pode (e vai) melhorar muito as minhas aplicações na web. E deixa eu te perguntar uma coisa: os componentes do React são intercambiáveis pro React Native?
esse é meu tipo preferido de vídeo, pode fazer mais projetos, por favor?
O meu não tá atualizando o state da moedaBvalor :/
Não precisei fazer o bind para acessar this.state no metodo converter
Não tô conseguindo usar a API de converter, me ajuda
Só era ele fazer uma arrow function
Pra quem ta assistindo no final de 2020 e esta tendo dificuldades com a api, é porque eles mudaram a url, estao passando uma API Key por email, estão na versão 7 e o objeto mudou, não esta mais aninhado com um val, só acessar direto. Refiz aqui e esta funcionando legal
qual o link?
Tem algo parecido, pra quem tá começando?
Muito legal! CLAARO que quremos o react Native! Abraço!
Fala Igor! Cara, to reproduzindo seu conversor, aqui, e a versão da api do conversor é a 7 e agora precisa de chave de api. Já me cadastrei e consegui a chave... Porém, quando tento converter 2, como vc faz, a reposta é "NaN"
Consegui! Agora tem que se fazer isso let cotacao = json[de_para] ao invés disso let cotacao = json[de_para].val
@@gugasevero76 Valeu meu amigo. Acabei de fazer e estava dando a mesma coisa. Me ajudou. Grande Abraço!
estou mais familhalizado com vue js talvez por isso gostei mais do conversor com vue,mas super conteudo show.
***Qual a URL usada ? Ainda funciona ?
Eu tentei colocar mas não deu certo, posso ter errado alguma letra
agora o desenvolvedor tem que pedir para usar a API. mas é bem simples. é só ir no site, informar seu E-mail e eles dão uma chave para vc utilizar a API
Mto bom o video!!! Quero ver agora com React Native!!!
Muito legal, excelente conteúdo.
ótimo video! até me inspirou em produzir alguns!
React Vale a Pena?
Todo mundo fala muito do React native para desenvolvimento mobile. Mas o React JS, fica como? Ele é bem usado na web? Sempre ouço falar de Angular e Vue. Para alguém que está começando, vale a pena ir direto para o React js?
Qual é a pena?
@@Programadorbr Que? ( °-°)
uhahuauhahu é que na minha cabeça essas perguntas de coisa A ou B valem a pena, não faz muito sentido. Eu não sei qual a pena, então não tem como responder se vale.
@@Programadorbr kkk, entendi. Certo. Então, sendo mais específico. Se você, estivesse começando a programar, já sabendo HTML, CSS e JavaScript, escolheria React js para web? Como primeiro framework?
Obs: 'Depende' não vale..kkk
Sem dúvidas, tanto que foi ele que escolhi para incluir no meu curso.
A grande vantagem dele é a semelhança com React Native, então se vc pretende criar apps para celular, faz muito sentido ir de React.
Recebi um Aplicativo de um grupo da faculdade pra testar feito em React Native com o tamanho do APK de 23 mega. Depois recebi de outro grupo o mesmo aplicativo feito em Java e tinha o tamanho do APK de 5 mega. Basicamente o aplicativo tinha 5 telas e puxa os dados de um JSON que mostrava essas informacoes na tela.
Por que essa diferença de tamanho dos APKs ?
Procurei alguma explicacao e nao encontrei nenhuma, todos os canais apenas falam das tecnologias e mais nada. Tem diferença entre o tamanho dos APK gerados pelas tecnologias Java, Kotlin, React Native, Flutter, Hibrido (HTML, CSS, JS). Se tem diferença mesmo de tamanho ou foi apenas um equivoco que percebi. Se tem diferença de tamanho qual er o impacto no usuario final que usa o aplicativo ?
eu posso vender um site em HTML,CSS,JavaScript mesmo não sabendo nada de back-end?
Cara, que vídeo top, faz um comparando com React Native, seria de grande ajuda.
quero d+++ ver esse conversor em React Native e porque não fazer tbm em Vue Native (já ouviu falar? parece MUITO interessante)
Atenção, em alguns navegadores (Opera e Chrome) o seu canal aparece como conteúdo para criança e não posso clicar no sininho para receber todas as notificações. No Firefox ele aparece normal e é possível clicar no sininho.
Ei Igor porque não colocar uma opção para alterar as moedas ao invés de fazer várias colunas com moedas diferentes?
vinicio souza nesse caso eu queria mostrar a linguagem. Queria mostrar a criação de um componente genérico que pudesse ser reaproveitado sem ter que modificar o componente. É importante lembrar que um vídeo de código do canal tem como objetivo mostrar a linguagem, então nem sempre vai ser aplicado da forma como aquele projeto seria feito no mundo real.
@@Programadorbr ah entendi Igor, obrigado pela atenção, vou comprar o seu curso e aprender bastante