Um dos professores que não conhecia mas que tem uma forma de ensinar bem interessante e de forma fácil. Se quer aprender, começa por aqui! Não aqui nesse vídeo mas no canal pegando os conteúdos dele. Depois pode partir para algo mais complexo com o professor que quiser. Mas o Sr. Battisti é muito bom!
Amo as suas aulas, são sensacionais! Ainda tenho dificuldade com o react, mas vou aprendendo seguindpo os seu projetos. Agora vou fazer o backend e fazer a interação.
Caraca to desde 8 da manha, já sao duas da tarde, finalmente consegui terminar, tem muita coisa que eu não assimilei, mas deu pra entender como funciona esse tal de react!
Parabéns Matheus, perfeita essa aula, abordagem de várias funcionalidades em um só projeto. Como sugestão seria acrescentar um banco como mongoDB e transformar em uma PWA. Muito 🔝 sua didática.
Valeu de mais professor! Excelente aula, não comento muito aqui no TH-cam porém você merece. Aula show demais!! obrigado Em breve vou comprar o seu curso
Comprei seu curso de react na udemy, estou começando apenas, mais bastante ansioso pra aprender react kkk te considero o melhor dev dos que acompanho. Por isso comprei o curso espero evoluir com ele 🚀👨🏻💻 obrigado pelos cursos gratuitos também é fundamental pra quem ta iniciando. Tmj Matheus 🤘🏼👏🏻
Valeu demais Matheus, eu estava precisando muito dessa lógica de tasks completas e do filtro delas. Se puder grave vídeos como este usando o typescript, vai ajudar muito. Abraço!
Matheus, parabéns pelo material. Bem objetivo e ao mesmo tempo com funcionalidades muito interessantes. Estava procurando por um material similar e por sorte encontrei aqui, parabéns. 👏
Boa noite mestre faço seus cursos na udemy, mestre precisava muito de um curso com sua metodologia e didática de java web, se possível, faz um curso de java eu compro só mandar o link., fiz vários cursos de node mas só aprende de fato com seu método, parabéns pelo trabalho de excelência que tem feito.
Irmão, muito obrigado pelo trabalho! Você está me ajudando demais. Se algum dia lhe for conveniente, poderia fazer um video interligandod o react com o mongo db... Mais uma vez, muito obrigado!
Uma dúvida que me acabou surgindo e acho que daria um upgrade no projeto seria adicionar as tarefas no localstorage para assim poder usar o projeto como uma agenda virtual
Amigo , o que fazer para que os componentes não fiquem desproporcionais quando a tela e reduzida como a de um celular , os textos ficam saindo do background
Estou com um problema nas rotas, sempre que eu atualizo a página(F5), eu sou redirecionado pra home, independente de página onde eu esteja. Coloquei essa pergunta na Udemy no curso que de react. Alugém sabe ajudar???
por ter um pc linux eu ñ certos meios q o windows tem e vc foi 1° cara ao me dar uma luz, DANDO AQUELE COMANDO COPIAR COLAR sou de familia GAUCHA e meus amigos são do RJ ou RS, o seliv me resp. por aqui, diolinux tanto faz, o ganabara e codigo fonte ou no twitter ou aqui
eu sinceramente sigo sem ainda entender o React! é falta de pratica e estudos claro! masi pq react se o html e css da pra fazer isso? é mais rapido c react? mais pratico????
Provavelmente o erro esta aqui amigo .map((todo) => ( ): Não precisa informar a keyword RETURN quando se usa parenteses .map((todo) => { }: Usando chaves é necessario informar a keyword RETURN ( seu código a ser exibido aqui ). Muitos erram com isso, e passa despercebido muitas vezes mesmo, costume de sempre utilizar chaves, mas é normal. Só não é um erro que percebe logo como um ponto e virgula no JAVA ou C#. Fica a dica para todos e espero ter ajudado a todos.
Qual o objetivo de criar toda uma linha de código, para depois criar uma pasta components incluir o código lá e chamar ela? Não era mais fácil fazer isso desde o começo do projeto? Não entendi o objetivo, sinceramente.
Ele tentou mostrar como pode ser feito de 2 jeitos. Em um projeto grande o reaproveitamento de componentes é bem melhor. Trás muito mais facilidade em trabalhar com o código
segue o Objeto do minuto: 8:45
{
id:1,
text: "criar funcionalidade x no sistema",
category: "Trabalho",
isCompleted: false,
},
{
id:2,
text: "Ir pra academia",
category: "Pessoal",
isCompleted: false,
},
{
id:3,
text: "Estudar React",
category: "Estudos",
isCompleted: false,
}
Obrigado!!
meu ídolo, obrigado
Obrigada!
meu heroi nao usa capa ele usa ctrl c ctrl v
seu lindo!!
Um dos professores que não conhecia mas que tem uma forma de ensinar bem interessante e de forma fácil. Se quer aprender, começa por aqui! Não aqui nesse vídeo mas no canal pegando os conteúdos dele.
Depois pode partir para algo mais complexo com o professor que quiser. Mas o Sr. Battisti é muito bom!
Obrigado mestre, precisava de um norte para me ajudar e seu canal tem feito isso.
Amo as suas aulas, são sensacionais! Ainda tenho dificuldade com o react, mas vou aprendendo seguindpo os seu projetos. Agora vou fazer o backend e fazer a interação.
Caraca to desde 8 da manha, já sao duas da tarde, finalmente consegui terminar, tem muita coisa que eu não assimilei, mas deu pra entender como funciona esse tal de react!
👉Conheça o nosso curso completo de React JS: app.horadecodar.com.br/course/curso-react-js-completo
Parabéns pela iniciativa de ensinar as pessoas, Matheus. Sucesso!
Gratidão! Estava fazendo um exercício do meu curso e esse vídeo de ajudou a entender muita coisa!
poderia fazer mais projetos usando o React junto com o Nextjs também
opa, valeu a sugestão!
Verdade, incluindo API ... Esse projeto aí tá top!
Que aula incrível!
Esse projeto me ajudou a entender na prática várias funções do JavaScript. Obrigado.
showw! =)
muito show, desejo muito aprender React, aula sensacional, muito boa. gosto muito do Battisti ensinando
Parabéns Matheus, perfeita essa aula, abordagem de várias funcionalidades em um só projeto. Como sugestão seria acrescentar um banco como mongoDB e transformar em uma PWA. Muito 🔝 sua didática.
Valeu de mais professor! Excelente aula, não comento muito aqui no TH-cam porém você merece. Aula show demais!! obrigado
Em breve vou comprar o seu curso
Comprei seu curso de react na udemy, estou começando apenas, mais bastante ansioso pra aprender react kkk te considero o melhor dev dos que acompanho. Por isso comprei o curso espero evoluir com ele 🚀👨🏻💻 obrigado pelos cursos gratuitos também é fundamental pra quem ta iniciando. Tmj Matheus 🤘🏼👏🏻
valeuu Oliveira, tamo junto!
Cara valeu aprendi react, ajudou demaisss
Valeu demais Matheus, eu estava precisando muito dessa lógica de tasks completas e do filtro delas.
Se puder grave vídeos como este usando o typescript, vai ajudar muito. Abraço!
Uma ideia boa é colocar uma caixa d descrição, assim pode colocar mais informações sobre a tarefa, colocar link ou qualquer coisa q ajude tbm
Que inclusive vou tentar fazer por mim mesmo essa caixa pra colocar descrição tbm
Top de mais, sempre trazendo conteúdo de alta qualidade, muito obrigado por compartilhar o conhecimento com a comunidade.
valeu tb Victor!
Boa mano, agora vou fazer a versão 2.0 fazendo um banco e salvando nele
Já fez irmao?
Você tem ela já conectada com banco ?
Muito bom! Consegui ampliar e praticar meu conhecimento de react! Obrigada.
Matheus, parabéns pelo material.
Bem objetivo e ao mesmo tempo com funcionalidades muito interessantes. Estava procurando por um material similar e por sorte encontrei aqui, parabéns.
👏
Boa noite mestre faço seus cursos na udemy, mestre precisava muito de um curso com sua metodologia e didática de java web, se possível, faz um curso de java eu compro só mandar o link., fiz vários cursos de node mas só aprende de fato com seu método, parabéns pelo trabalho de excelência que tem feito.
Breve me escreverei no seu curso quero me aprofundar na area de front-end🎉
Aprendi muita coisa com esse projeto, Muito obrigado Matheus!
Como sempre otima aula!
Muito bom, bem didático! Parabéns!
O melhor!!!
Gostei muito de fazer esse projeto.
Irmão, muito obrigado pelo trabalho! Você está me ajudando demais. Se algum dia lhe for conveniente, poderia fazer um video interligandod o react com o mongo db...
Mais uma vez, muito obrigado!
Matheus, seria bacana se fizer projetos com Angular também! Sinto muita falta em projetos com angular no youtube brasileiro, a grande maioria é react.
opa, obrigado pela sugestão! =)
Gostei consegui fazer certinho!
Uma pergunta: Qual é a extensão que vc está usando no VSCode para o auto-complete do código HTML dentro do arquivo JSX?
muito bom esse projeto. parabens e obrigado por compartilhar esse conteudo.
Adorei o projeto! Obrigada
Ótimas explicações, me ajudaram muito!
muito bom, parabéns pela didatica.
Uma dúvida que me acabou surgindo e acho que daria um upgrade no projeto seria adicionar as tarefas no localstorage para assim poder usar o projeto como uma agenda virtual
muito bom. Seria bastante interessante colocar um banco de dados para ficar salvo.
Matheus, vc poderia falar sobre NoSqL? Dar dicas, exercícios, etc.
opa! tem um curso de MongoDB, dá uma olhada lá =)
@@MatheusBattisti blz, vlw!!
Valeu pela força. Um abraço.
Muito bom, obrigado!!!
Matheus, no seu curso da udemy você tem esse projeto com Banco de dados mysql?
Esse projeto está disponível no youtube? não achei
Parabéns maninho, video muito bom
Top demais aprendi 👏👏👏
O meu não esta apagando as primeiras tarefas. Apenas as que eu crio agora
E tem que atualizar f5 depois de clicar no botão (jq está com autosave)
Conteúdo muito bom, aprendi muito..
Muito top a aula! Eu vi que você tem vários cursos na Udemy, eu queria saber se você tem o curso completo de programação na udemy?
Concordo plenamente!
Eu, desta vez, também!
Eu discordo plenamente
como vc coloca " ; " no algoritmo automaticamente?
seria ótimo uma lista de compras de produtos com cadastro de valores e imagens de produtos
O que precisamos baixar pra conseguir fazer esse projeto?
Aula muito boa
poderia dizer como eu colocaria uma mensagem ao salvar uma anotação? em verde por exemplo
Amigo , o que fazer para que os componentes não fiquem desproporcionais quando a tela e reduzida como a de um celular , os textos ficam saindo do background
Matheus, o curso de React do hora de cortar é igual ao que tem na Udemy ?? Eu já adquiri o da de lá , gostaria de saber se é diferente
opa Bruno, estamos apenas com cursos na Udemy agora =)
Bom dia senhor Battisti, muito obrigado pela aula, aprendi muito! Muito bom conteúdo
Poderia ensinar como fazer para a lista continuar salva após reiniciar o navegador?
Estou com um problema nas rotas, sempre que eu atualizo a página(F5), eu sou redirecionado pra home, independente de página onde eu esteja. Coloquei essa pergunta na Udemy no curso que de react. Alugém sabe ajudar???
Meu código funciona mas aparece vários erros no código em vermelho, como resolvo?
por ter um pc linux eu ñ certos meios q o windows tem e vc foi 1° cara ao me dar uma luz, DANDO AQUELE COMANDO COPIAR COLAR sou de familia GAUCHA e meus amigos são do RJ ou RS, o seliv me resp. por aqui, diolinux tanto faz, o ganabara e codigo fonte ou no twitter ou aqui
no meu, precisei definir as validações das props em Todo.jsx
(código)
}
...
Todo.propTypes = {
todo: PropTypes.shape({
id: PropTypes.number.isRequired,
text: PropTypes.string.isRequired,
category: PropTypes.string.isRequired,
isCompleted: PropTypes.bool.isRequired
}).isRequired
};
export default Todo;
Um dia ainda vou programar facil igual o Matheus...
Opa trás mais projetos de html css e javascript 🙏🙏🙏🙏🙏
Não passei da parte do npm create vite@latest ! :(
Alguém tem o código completo para partilhar?
e o banco de dados. pra fechar o projeto
tem algum jeito das tarefas que adicionarmos, ficarem salvas, mesmo após recarregar a aplicação?
pensei nisso tambem, pois todos exemplos que o mestre matheus cria, ainda nao vi algo com banco de dados neh
To com um desafio desse ai em react com next incluindo API.... Mas to com dificuldade!
{
id:1,
text: "criar funcionalidade x no sistema",
category: "Trabalho",
isCompleted: false,
},
{
id:2,
text: "Ir pra academia",
category: "Pessoal",
isCompleted: false,
},
{
id:3,
text: "Estudar React",
category: "Estudos",
isCompleted: false,
}
alguem tem o repositorio do professor?
eu sinceramente sigo sem ainda entender o React! é falta de pratica e estudos claro! masi pq react se o html e css da pra fazer isso? é mais rapido c react? mais pratico????
Alguém tem a imagem de fundo?
Bom dia Matheus!
Não estou conseguindo falar com vc no whatsapp para tiras as minhas dúvidas.
oi Rosana, me manda as tuas dúvidas no email suporte@horadecodar.com.br, que eu vou te ajudar por lá
tive problemas com o whats
Oi já mandei e-mail estou ainda no aguardo sua resposta.
o meu nao adiciona os todo e está igual do professor
Provavelmente o erro esta aqui amigo
.map((todo) => ( ): Não precisa informar a keyword RETURN quando se usa parenteses
.map((todo) => { }: Usando chaves é necessario informar a keyword RETURN ( seu código a ser exibido aqui ).
Muitos erram com isso, e passa despercebido muitas vezes mesmo, costume de sempre utilizar chaves, mas é normal. Só não é um erro que percebe logo como um ponto e virgula no JAVA ou C#.
Fica a dica para todos e espero ter ajudado a todos.
@@kledson_renan nao funcionou do mesmo jeito
meu tambem nao foi
Não consigo fazer a parte do npm create vite@latest
consegui kkkkk
@@gbl146 Como? Eu não estou conseguindo !
Qual o objetivo de criar toda uma linha de código, para depois criar uma pasta components incluir o código lá e chamar ela? Não era mais fácil fazer isso desde o começo do projeto?
Não entendi o objetivo, sinceramente.
Reaproveitamento de componentes
Ele tentou mostrar como pode ser feito de 2 jeitos. Em um projeto grande o reaproveitamento de componentes é bem melhor. Trás muito mais facilidade em trabalhar com o código
muito bom o curso, mas pelo amor de deus homem, fala devagar
aff
Qual o repositório desse projeto no GitHub ?
acredito que seja este daqui:
github.com/matheusbattisti/todo_react_vite_deploy
Como eu inicio? começo a fazer a parte do terminal mas ele bloqueia e não funciona