APRENDA REACT EM 2 HORAS - CRIE SEU PRIMEIRO PROJETO EM REACT
Ғылым және технология
🔥 Cupom do curso de #React completo: www.udemy.com/course/react-do...
📘 Ebook gratuito de React: www.horadecodar.com.br/ebook-...
⭐ Nossos cursos: www.horadecodar.com.br/cursos...
🔴 Instagram: @horadecodar
Neste curso você vai aprender os fundamentos da biblioteca React, uma das mais utilizadas, e quem como base a linguagem #JavaScript
Também vamos construir um projeto em React, onde você vai aprender a trabalhar com requisições para uma #API, ou seja, um projeto full stack para aprimorar seus conhecimentos na ferramenta 🔷 Telegram: t.me/horadecodar .
🟣 Discord Hora de Codar: / discord
Пікірлер: 181
⭐ Conheça a nossa plataforma de cursos: www.horadecodar.com.br/comunidade-hora-de-codar/
@PexuPixo
Жыл бұрын
Ótima aula, estou gostando muito. Tenho lido a documentação oficial e agora assistindo suas aulas estou assimilando ainda mais, mesmo se não tivesse lido estaria aprendendo bastante porque a didática é de qualidade. Só estou com um pequeno problema no tempo de vídeo 59:12:00 quando é digitada a URL para acessar a API (acho que endpoint que chama isso neh?) não está dando certo aqui, embora eu tenha feita as configurações exatamente como no vídeo.
@PexuPixo
Жыл бұрын
Descobri o que era, mesmo tendo colocado no "package.json" pra rodar na porta 5000 ele rodou na 3000.
o cara consegue deixar qualquer coisa absurdamente interessante e compreensivel, que didatica absurda que carisma incrivel. parabens pelo conteudo cara, voce manda muito
Estou estudando programação a um tempo, mas você foi o melhor professor que já assisti aulas, farei questão de comprar os cursos.
S E N S A C I O N A L ! TUDO Muito bem explicado ! ! Parabéns pelos vídeos ! ! !
nosssa, você é um ótimo professor! rodei todo o youtube procurando alguém pra abrir minha mente com o react, vc fez isso com uma facilidade enorme, muito obrigado, Matheus! 🤍
Primeira vez que to entendendo react. Em outros vídeos não consegui. Parabéns pelo vídeo e explicação. Muito top!
Uma didática sensacional. Com certeza é um dos melhores produtores de conteúdo da área! Muito obrigado por toda ajuda que tem oferecido! Dica: O Json-Server consegue gerar a propriedade ID sozinho, quando não é passado no body da requisição.
cara, que video bem explicado, aprendi bastante coisa nele que eu tinha duvidas!
Parabéns Matheus muito bom sua didática e vídeo. Consegui fazer o meu projeto de ToDo e sou muito grato a você. Penso em fazer o novo curso de React da comunidade.
Seu vídeo me ajudou muito a entender alguns conceitos do React, muito obrigado pelo conteúdo.
Muito boa essa aula, aprendi muita coisa em 1h de video ! abraço e muito obrigado!
Muuuito bacana, Matheus!!!! Valeu!!!!
Ótimo curso, muito obrigado consegui entender um pouco dos fundamentos.
📘 Ebook gratuito de React: www.horadecodar.com.br/ebook-fundamentos-do-react-gratuito/ Aprenda os recursos fundamentais por meio de exemplos!
React fica muito fácil com o Matheus! 🥰
muito legal, parabéns pelo conteúdo.
Esse Canal é incrível! Poucos fazem um conteúdo tão bom e gratuito como vc Battisti, valeu mesmo!
@MatheusBattisti
2 жыл бұрын
obrigado Topera! =D
Obrigado pelo curso és ótmo prof
Parabéns Matheus por fazer essa diferença no meio da tecnologia. Em especial web. Você faz a diferença. Todo sucesso pra você!
@MatheusBattisti
2 жыл бұрын
valeu Brendon!
Obrigada , ótima abordagem para ensinar React. Gostaría depois se voce puder colocar outro tutorial além do toDo que e o mais común. seria bom uma loja de ecommerce com integração de base de dados não consumindo uma api se não dados propios, ou um crm de imobiliarias de compra e venda de imoveis ou carros.
Cara, obrigado por compartilhar o conhecimento, com certeza vou adquirir o seu curso. já trabalho com javascript e estou me especializando em React, já tive dificuldades com outros professores e com sua didática estou conseguindo aprender, já fiz o projeto do React-Cost, espero conseguir me especializar com o conhecimento adquirido e conseguir novas oportunidades de emprego. tmj, sucesso.
gente, se der erro no npm start, confere se ta na pasta que vc criou o react, no exemplo dele é a pasta "cursoreact". O meu estava dando esse erro e demorei a entender
Matheeeuuuss eu adoro vc kkkkkkk vc me ajuda muito! não tenho grana pra comprar nenhum dos seus cursos mas tenho muita vontade kkkkk sou esforçado e persistente, mas.... no Brasil isso não adianta de muita coisa rsrsrsrsrs... de qualquer forma sou grato e feliz com o conhecimento que tenho adquirido gratuitamente aqui no KZread e vc faz parte disso. Muito obrigado Matheus, você merece todo sucesso desse mundo.
@MatheusBattisti
2 жыл бұрын
opa Renan, obrigado pelo depoimento brother, com certeza vou continuar produzindo muito conteúdo gratuito para compartilhar o máximo de conhecimento, espero te ajudar mto ainda =)
@michelribeiro3830
2 жыл бұрын
@@MatheusBattisti Tinha muita vontade de lhe ver ensinando o ionic framework é um framework que curto muito e na minha opniao existem pouco conteudo voltado pra ele
@yurifranca2995
Жыл бұрын
Tá por 23 reais agora, corre que é ate meia noite
@denysantos9012
Жыл бұрын
Eu ficava travado com outros professores, até fazer os cursos da Mateus, esse cara é foda, parece que as coisas se tornam fácil, explicação simples!
@PexuPixo
Жыл бұрын
@@MatheusBattisti Ótima aula, estou gostando muito. Tenho lido a documentação oficial e agora assistindo suas aulas estou assimilando ainda mais, mesmo se não tivesse lido estaria aprendendo bastante porque a didática é de qualidade. Só estou com um pequeno problema no tempo de vídeo 59:12:00 quando é digitada a URL para acessar a API (acho que endpoint que chama isso neh?) não está dando certo aqui, embora eu tenha feita as configurações exatamente como no vídeo.
Obrigado Matheuuuuuus por disponiblizar tambem o gratuito! voce e incrivel cara, didatica perfeita!
@MatheusBattisti
2 жыл бұрын
valeu Luan, tamo junto!
CARA, como você é direto ao ponto, foi as melhores explicações que já tive sobre React !!!! Apenas obrigado.
@MatheusBattisti
2 жыл бұрын
obrigado Hugo!
Muito bom!
Muito bom Matheus... que explicação!!!! obrigado!!!!
@MatheusBattisti
2 жыл бұрын
Valeu Gilson!
Conteúdo e didática extremamente ótimas. Consegue ser bem explicativo e sem enrolação ao mesmo tempo. Com certeza comprarei o seu curso em um futuro bem próximo. Valeu!!
@MatheusBattisti
2 жыл бұрын
valeu Ricardo!
Que aula maravilhosa meus amigos 👏👏👏
Precisava exatamente disso! Curto muito seu conteúdo!
@MatheusBattisti
2 жыл бұрын
obrigado Lucas!
Valeu demais meu bom! Estou estudando ReactJS e seu vídeo foi muito importante para mim. Gostaria de compartilhar aqui uma percepção minha que acho que pode ajudar quem ficou pensando sobre isso também. Em 01:28:49, encontra-se uma explicação muito importante: prevstate. Valeu demais! Também fiz uma pesquisa sobre prevstate por conta própria e compartilho aqui o que encontrei, espero que possa ser útil para quem teve a mesma dúvida que eu: Usar a função de callback com `prevState` em `setTodos` é uma maneira segura de garantir que sua atualização de estado seja baseada no estado mais recente e atualizado, prevenindo possíveis inconsistências que poderiam surgir de possíveis atualizações concorrentes ocorrendo em paralelo.
Excelente aula, aprendi muito sobre react e componentes muito obrigada seu contéudo tem uma qualidade absurda
Parabéns mano, seu canal é muito top👏👏
@MatheusBattisti
2 жыл бұрын
valeu!
Obrigada por mais uma aula maravilhosa, Matheus! Voce nao tem nocao de como tem me ajudado. Já vou garantir o curso completo no Udemy. :D
@MatheusBattisti
2 жыл бұрын
De nada Francine, agradeço o apoio tb 😀
Obrigado pela aula, professor!! Ajuda demais!!
@MatheusBattisti
2 жыл бұрын
de nada Cristiano!
Incrivel a sua didatica
Tentei fazer componentizando e deu muito ruim kkk . Mas vc ensina muito bem. aprendi bastante no vídeo. obrigado;
Matheus é o The best da udemy!!!!!!!!!!!!1
Ótimo vídeo Amigão , parabéns pela sua forma de explicar , obrigado pelo contéudo!
@MatheusBattisti
Жыл бұрын
valeu Gusta!
parabéns pelo vídeo, excelente o conteúdo e a didática
@MatheusBattisti
2 жыл бұрын
valeu Lúcio!
Show matheus excelente video. Assim, não assisti ainda. Vou assistir agora mas ja sei que ta show rsrs. Sou aluno do react do zero a maestria. Vou assistir esse video para ir adiantando alguns conceitos e depois aprofundar no curso. Valeu!!
@MatheusBattisti
2 жыл бұрын
haha boa Fernando, com certeza este é a base daquele lá =D bom curso
Quem tem um PC fraco igual o meu e quiser otimizar a instalação do React, cria a aplicação usando Vite é bom demais
Show Matheus! Valeu, mais uma vez ;)
@MatheusBattisti
2 жыл бұрын
valeu Carlos! =)
O curso Completo de React vale MUITO à pena!!
Cara, tenho 3 cursos seus lá na Udemy. Sua didática é excelente e direto ao ponto. Pra mim, que já trabalho na área, seus cursos é uma mão na roda. Não fico sofrendo 9 horas em um módulo. Rápido e cirúrgico. Agora estou esperando o seu curso de React-native. Tudo que vc lançar relacionado a react, nodejs, typescript e, em um futuro muito próximo, react-native, eu estarei lá.
@MatheusBattisti
2 жыл бұрын
opa Edere, muito obrigado pelo depoimento e também pela confiança =)
Faço questão de assistir todas as propagandas por completo que há neste vídeo.
Fant´pastico, muito obrigado pelo conteúdo, se alguém tiver retornando erro ao executar o npx basta criar uma pasta com nome npm no diretório C:\Users\NOME-DO-SEU-USUARIO\AppData\Roaming\
Outstanding Teacher!!!!!!!!!!!!!!!!!
@MatheusBattisti
2 жыл бұрын
valeu Renato!
Bom video! to aprendendo horrores com vc kkkkk
51:00 nivel de hierarquia 56:00 projeto todolist
Conseguir um estágio graças a seus cursos aqui no KZread, tô esperando entra o salário para aprofundar mais. Vc é foda cara!
@MatheusBattisti
Жыл бұрын
obrigado Marco! =DD Parabéns pelo estágio tb!
só faltou um ebook com os conceitos, neste mini-curso vc estava muito acelerado. Porém excelente curso e mais uma vez aprendendo muito contigo. Tenha praticamente todos os seus cursos da udemy.
Sensacional.
@MatheusBattisti
2 жыл бұрын
Valeu Fabricio!
Otima aula 👏👏👏
@MatheusBattisti
2 жыл бұрын
valeu Zeriel!
Fiz o curso do primeiro projeto em React gostei da didatica apresentada, e comprei o curso da UDEMY e digo que valeu demais a pena estou realmente aprendendo REACT, o professor ensina muito bem e a vantagem de cursos online é a possibilidade de assistir varias vezes a mesma aula ate entender que é o meu caso, recomendo demais o curso da udemy do professor Matheus para todos.
@wesleymoraes1478
10 ай бұрын
1 ano depois... E ae amigo, hoje está trampando com dev? Era seu foco mesmo?
ótimo video, sua didatica é muito boa, vc fala um pouco rapido kkkkk ai toda hora eu tenho que voltar em trechos pq nao entendi o que voce falou, as vezes é até por conta do sotaque, mas entendo, abraço.
Cara, coisa fina! Grato por compartilhar. Para fazer seu curso você considera saber Node? A ideia em si que tem no vídeo é para mobile ou os conceitos podem ser aplicados para um site? Seguindo a mesma ideia com a API fetch, acho que é assim que se escreve, daria para criar um campo para consulta? Estou muito interessado no curso, por isso as dúvidas. Sucesso sempre, Matheus!
Irmão, tua didática é muito boa. Comprei teu curso na udemy e de todos de React que investi foi o que mais me trouxe conhecimento de maneira clara e assertiva, muito obrigado! 🚀✨
@MatheusBattisti
2 жыл бұрын
muito obrigado pelo feedback Hendrix! =)
Obrigado professor
@MatheusBattisti
2 жыл бұрын
de nada Marcelo! =D
Ótima aula, estou gostando muito. Tenho lido a documentação oficial e agora assistindo suas aulas estou assimilando ainda mais, mesmo se não tivesse lido estaria aprendendo bastante porque a didática é de qualidade. Só estou com um pequeno problema no tempo de vídeo 59:12:00 quando é digitada a URL para acessar a API (acho que endpoint que chama isso neh?) não está dando certo aqui, embora eu tenha feita as configurações exatamente como no vídeo.
o projeto começa em 56:54
Olá, ótimo vídeo. Quais extensões do vs code vc utiliza??
Valeu!
@MatheusBattisti
2 жыл бұрын
obrigado Jonatham!
Top
Quando fiz a instalação do VSCode e do NodeJS, os comandos funcionavam no terminal do windows, mas não no terminal do VSCode. Tive que instalar uma extensão para funcionar. Qual vc usa no seu VSCode para o uso do ReactJS?
Matheus, como exportar um projeto desse com json server de backend pra colocar num porfolio por exemplo?
No instante 50:24 o 'x' é colocado no lugar da props entre chaves, observei que quando é apenas um parâmetro (props) não precisa das chaves.
Matheus muito legal o curso em React! Achei show! o único problema é que depois do commit e fechar o VSCode o App não roda no Nextjs fica loading "Carregando..." Help me. Abs
Matheus poderia ter um esquema do cara ser membro do canal e já fazer parte da sua plataforma assim todos os alunos seriam membros e todos os membros seriam alunos
Que plugin do VCCode você está usando que formata 'automagicamente' as quebras de linha e também os espaçamentos das chaves? Eu tenho aqui o react snippets, mas ele não faz esta formatação de forma inteligente. Será que outros plugins do VSCode podem estar influenciando o funcionando dele? Ótimo conteúdo como sempre! Grande abraço!
Fala professor! Primeiramente, obrigado por compartilhar seu conhecimento conosco. Matheus, eu fiz tudo exatamente como você ensina no vídeo, mas meu código passou a não renderizar no navegador a partir do momento em que coloquei "loadData();" nele... e em App.test.js, acusa "TypeError: todos.map is not a function". Me ajuda, por favor.
Boa noite Matheus, tudo bem? Muito bom esse seu curso, os da Udemy tem desconto? =D kkkk Quero comprar
eu estou assistindo agora os videos do curso porém ta dando alguns erros q não sei como resolver tipo. [eslint] src\App.js Linha 25:4: Erro de análise: Palavra reservada inesperada 'aguarde'. (25:4)
Matheus, me dá uma ajuda. Para cada novo arquivo que eu vá fazer um App React, é preciso fazer o "create-react-app app" toda vez? nos novos arquivos
6:5 error 'React' must be in scope when using JSX react/react-in-jsx-
No meu caso que eu coloquei o cabeçalho, a lista e o formulario em arquivos separados, como eu faço pro "setTodos((prevState)=>[...prevState, API])" funcionar?
terminei exatamente as 23:25 dia 19/02/2024 vlw mano veio.
Este projeto esta funcionando perfeito em meu computador. Mas não estou conseguindo fazer funcionar na hospedagem netlify. Por favor pode indicar uma solução. Obrigado
Bom dia Matheus vou encarar esse desafio do react abs...
@MatheusBattisti
2 жыл бұрын
bora Marcos!
muito bom o video, mais poderia me ajudar ? estou fazendo igual o video, usando o meta utf-8, mais quando rodo o projeto e uso acentuação, ele aparece esses símbolos �, não sei como resolver e ja tentei de tudo, estou usando o visual studio community
Acho que o único lado ruim do React, é que ele vicia HAHAHA Ótima explicação hehe e essa ressalva do onClick ser passado como arrow function fez eu entender o porque um projetinho meu estava bugando HAHA
@MatheusBattisti
2 жыл бұрын
hahaha faz parte! =D
@guilhermezalla2032
2 жыл бұрын
React é maravilhoso
Faz um curso mobile com react native
qual a diferença entre biblioteca e framework
matheus como eu linko esse projeto no html?
Qual o atalho para colocar ; ?
Quando dou um "npm run server" da uma mensagem de erro: SyntaxError: The requested module 'node:util' does not provide an export named 'parseArgs', como faço para corrigir?
Boa prof, uma coisinha que fiz no seu curso de node foi implementar as mensagens de sucesso ou erro direto na tela pro usuário, vi q não é difícil e daria pra vc ensinar em pouco tempo de aula
@MatheusBattisti
2 жыл бұрын
opa José, valeu pela dica, vou anotar a sugestão...
Não estou conseguindo receber o ebook, não consigo achar em canto algum
é amigao na hora que eu crio o primeiro componente, e importo, da um erro feio, acho que é pq o react esta na versao 18... nao é?
Excelente contéudo! Primeira vez estudando React e aprendi muito com a forma que foi explicado. Estou tendo somente um problema, minhas funções de DELETE e EDIT estão retornado com erro 404, não encontram o elemento pelo Id e, logo, não conseguem concluir com a alteração. Alguém pode me dar um help?
@victorsousa9002
2 ай бұрын
Atualização: O erro que estava acontecendo era devido à geração de Id usando o Math.random(), pois o número float dificultava a comunicação com o Json-server. A solução foi mudar essa estratégia para a geração de Id aleatórios do tipo string, instalando o pack "uuid" e substituindo o Math.random(). Agora sim tá liso aqui :)
Não consigo baixar seu ebook de React?
qual o codigo no github? o meu esta dando erro e não estou sabendo resolver.
Na hora do projeto eu travei o dia, deu esse o seguinte erro ReferenceError: primordials is not defined, tentei algumas soluçoes da internet e nada
Gente, quando baixo todo o pacote do React, sempre acaba vindo erros de vulnerabilidade. Alguém poderia me dizer como posso corrigir isso?
como faz para publicar esse projeto?
nao está dando certo importar os arquivos. está baixando outras coisas... npx create-react-app financaflex. e o npm start nao está funcionando...
O meu está dando problema, quando adiciono esses cods Lista de Tarefas: {todos.length === 0 && Não há tarefas.} {todos.map((todo) => ( {todo.title} ))} minha página fica em branco, alguem da um help aii!
@Nandex
Жыл бұрын
o erro diz que todos.map não é uma função
@karolestudos7583
Жыл бұрын
Empaquei no mesmo erro, conseguiu resolver?
@Nandex
Жыл бұрын
@@karolestudos7583 eu consegui criar uma todo list sozinho e adicionei as funcionalidades que ele ensina no video...
Boa noite, Estou precisando de ajuda para criar um dashboard do admin com react com uma template específica, alguém se habilita?
O meu não está marcando, alguem sabe o pq?
Matheus, esse video é uma atualização da playlist Curso de React?
@MatheusBattisti
2 жыл бұрын
Sim e não Fernando, aquele continua valendo, mas esse está na versão 18 e fiz com intenção de conhecerem a didática abordada no curso completo que tenho na Udemy, então acaba sendo um pouco mais básico também hehe
@fernandonogueira2291
2 жыл бұрын
@@MatheusBattisti Obrigado pela pronta resposta, camarada! E mais uma vez, muito obrigado por dedicar uma parte do seu tempo para agraciar-nos com conhecimento. Pessoas como vc, Gustavo Guanabara, Deschamps, entre outros, possibilitam à pessoas com acesso restrito a certos recursos uma real possibilidade de mudança muito importante em nossas vidas! Desejo-te muito sucesso e saúde!