Ó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 cara consegue deixar qualquer coisa absurdamente interessante e compreensivel, que didatica absurda que carisma incrivel. parabens pelo conteudo cara, voce manda muito
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 RU-vid e vc faz parte disso. Muito obrigado Matheus, você merece todo sucesso desse mundo.
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 =)
@@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
@@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.
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
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.
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.
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.
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!!
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á.
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.
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.
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! 🚀✨
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!!
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\
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
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! 🤍
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)
ó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.
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.
Ó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.
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.
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?
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!
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!
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?
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 :)
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!
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
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
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
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
Opa, se vocês quiserem que o valor de tempo apareça escrito "hora" e quando for mais de 1 apareça "horas" façam isso: Duração: {todo.time >1 ? todo.time +" horas" : todo.time + " hora"} só um detalhe que eu quis colocar kkk
Tive um pequeno problema no tempo de vídeo: 1:27:48 quando o professor Matheus faz um map com o resultado da promise. Procurei aqui nos comentários, algumas pessoas tiveram o mesmo problema que eu, mas não encontrei nenhuma solução por aqui. Fiquei olhando o código pra tentar entender, dando uns console.log() pra saber o porquê de não podermos fazer um .map numa array. Consegui resolver aqui. Pensa comigo: todos inicialmente é uma string vazia, quando setamos lá em cima. const [todos, setTodos] = React.useState(""); Quando colocamos {todos.map()}, o navegador entende que todos ainda é uma string vazia, logo, não podemos fazer .map em uma string. Não é atoa que quando colocamos todos. aparece opções de string, por exemplo: toLowerCase(); Para podermos fazer o .map, precisamos dizer que o .map só será executado CASO todos seja uma array. Tem várias formas de fazer isso, poderíamos fazer assim: {Array.isArray(todos) && todos.map()} Acho que esse seria o mais seguro, porque estamos garantido que todos é uma array. Mas nesse caso do vídeo que é um início, algo mais simples, podemos simplesmente escrever: {todos !== "" && todos.map()} Aqui estou dizendo, se todos for diferente de uma string vazia, ou seja, tem algo dentro (nossa array que salvamos com o setTodos), execute o todos.map. - Espero ter ajudado! E obrigado pelo vídeo, professor Matheus! Uma dúvida, caso veja, é possível utilizar esse server json como banco de dados em um projeto real, sem precisar, necessariamente, construir um banco de dados?
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.
2 года назад
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?
Meu único problema foi na hora de fazer o o método "Delete", por algum motivo o React não estava encontrando o ID quando eu utilizada o fecth da forma como foi escrito inicialmente "fetch(API + "/todos" + id". Ele excluía no Font-End mas não no DB-json, então sempre que eu atualizada a pagina os dados retornavam. Então eu reescrevi essa parte dando o endereço de forma direta, sem utilizar a const API e de forma concatenada "com o acento agudo invertido" da seguinte forma: fetch(`localhost:5000/todos/${id}` Com essa reescrita o React encontrou o id correto e fez o Delete. Espero ter ajudado, bons estudos.
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
@@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!
