Bom dia, Will. Parabéns pelo projeto. Ficou irado! Se eu pudesse dar uma humilde sugestão seria para que tu escrevesse o código enquanto grava o vídeo (mesmo já tenho ele escrito em outro monitor, ou algo do tipo). Acho que isso ajudaria quem tenta desenvolver o código junto com o vídeo. Abraços!
Eu prefiro esse formato que ele já usa, deixa os vídeos curtos, sem enrolação, atualmente é o canal que eu mais gosto, pois aprendo mt, estou na fase de as vzes ainda necessitar copiar código, porém fazendo isso fico cada vez mais independente do professor! Pra quem já tem base em js, react... Esse canal é perfeito
Melhor e mais atualizado que muitas plataformas de cursos por ai, tô falando por experiência própria e agradecendo por poder compartilhar um pouco do seu conhecimento me ajudando e ajudando muitos outros no inicio da jornada
Boa noite, professor!! Agradeço por compartilhar seu projeto. Fiquei muito feliz em conseguir acompanhar e desenvolver. Foi uma emoção ao ver tudo funcionando!^^
Caso alguém tenha o mesmo erro que eu. Para resolver o erro "yarn: command not found", instale o pacote yarn globalmente executando npm install -g yarne reinicie seu terminal.
Parabéns pelo conteúdo, um ótimo projeto para colocar em prática os estudos.. uma dica para uma futura vídeo aula é ir construindo o código durante o vídeo mesmo, sem cortar e explicando cada detalhe linha a linha, mas no geral está ótimo. muito obrigado!
Willian, parabéns pelo projeto, só gostaria de te perguntar como eu faço se quiser alterar a descrição ou o valor de algum item. Vai me ajudar bastante se eu conseguir fazer essa alteração. Muito obrigado.
Boa tarde, Will. Parabéns pelo projeto, me ajudou muito tanto para estudos quanto para resolver um problema pra o negócio da minha Tia. Queria te perguntar uma maneira de exportar esse banco de dados para armazenar esses dados.
Valeu pelo feedback Kefesson, sobre a exportação daria para você integrar com um banco de dados real, ou se quiser, acredito que daria para você salvar os dados da tabela em Excel, tem alguns exemplos na Net que mostram isso
@@will_dev ah sim, muito obrigado! alias, estava tendo problemas com o styled components então acabei baixando uma versão mais antiga. consegui fazer o projeto, aprendi bastante. senti que é um pouco mais complexo pra mim que está começando mas com o tempo eu entendo
Bom dia, Will projeto mto bacana parabéns, estou com um probleminha quando dou entrada de algum valor tipo 4.000 aparece só 4.0, e quando dou saida de algum valor, ele não altera o valor de entrada, fica fixo, o que pode ser?
@@will_dev obrigado por responder mestre. Poderia criar um.formulario de planejamento de Ordem.de serviços, algo que contenha valor do produto quantidade e soma total...
Gostaria de um explicação da linha 25 e 26 do App.js o porque desses: (acc, cur) => acc + cur, 0) acc? .. deixa a tela sem nada, e quando marco como comentários essas duas linhas, o condigo roda normalmente..
Parabéns pela aula, me inspirou bastante.. mas infelizmente estou com esse erro setItens is not a function TypeError: setItens is not a function quando clico na lixeira
E aí Andre, beleza? Não especificamente para esse projeto, no momento só trabalhei com banco no projeto do clone do Facebook aqui no meu canal, mas tem alguns vídeos da galera usando no TH-cam, seria a mesma ideia.
Professor fiz a inserção de um campo data na hora de setar ela mosta no formato 29/09/2022 pelo proprio calendario do input type date mas no retorno mostra 2022-09-29 sem as barras e invertido alguem pode me ajudar?
Fala Will. Cara muito obrigado por compartilhar esse conhecimento todo em seu canal. Você não tem noção de como tenho aprendido por aqui. Tem alguma forma que possamos retribuir de alguma forma(doação, pix, etc)?
Excelente Aula Will!! Só um quesito, estou com esse erro setItens is not a function TypeError: setItens is not a function quando clico na lixeira, mudou algo após o vídeo?
Estranho, pesquisei e tem alguns casos que tem que colocar uma condição se o o window é diferente de undefined, igual esses exemplos stackoverflow.com/questions/52474208/react-localstorage-is-not-defined-error-showing Pois deveria reconhecer.
Valeu pelo feedback Maycon, o React como framework agiliza o desenvolvimento, pois você pode reaproveitar cada componente que você cria em lugares diferentes.
Projeto muiito bom, Will! Mandou bem demais! Eu só não entendi o porquê tu colocou o Resume e um ResumeItem, eu poderia fazer um componente Resume como se fosse um ResumeItem?
Agradeço o feedback! Dá certo também, eu coloquei o resume como a área dos itens, e criei o componente ResumeItem separado porque tem 3 itens (cards) com a mesma estrutura, assim não repeti o código.
Oi, Will, excelente video. Uma duvida: vc tem cursos pra vender ? 2 pergunta 2: como faz pra criar o bachend desse sistema ? tipo uma api em node ? vc ensina ? muito obg
Opa blz eu fiz o projeto mas ele está com um pequeno problema... Quando entra um valor positivo funciona normal, depois entra um negativo funciona normal também, porém quando eu entro com outro valor positivo ele ta aparecendo negativo e diminuindo o valor, mesmo a opção do radio estando no "Entrada"... Você saberia dizer onde eu estou errando ? AH, e quando eu recarrego a pagina depois de marcar a opção "saída" volta tudo ao normal, mas se eu denovo clicar no radio saida, ele não volta para o entrada. Otimo projeto eu gostei bastante de fazer ele ...
Não cheguei a enfrentar esse problema, mas aconselho a dar uma pesquisada nos fóruns (Stack Overflow por exemplo) sobre o erro, provável que vai ter a resposta.
Cara que projeto massa. Uma pergunta sera que é muito difícil pegar a data e criar dinamicamente a cada mês uma nova pagina e colocar mais uma campo com o total geral de todos os meses? Valeu!
Valeu pelo feedback Matheus, então, sobre a data, daria para criar uma função passando a lista de itens e o mês/ano por parâmetro, e criar um for que verifica qual item tem naquele mês e ano, aí para cada loop no for tu adiciona para um novo Array o item do mês e retorna no final da função.
Faz esses tipos de fomularios com datas e outros tipos de inputs com vinculação como o banco de dados, pq ta muito fodaa e pode ficar mais fooda...hhahahah
@@will_dev então aqui estou codando com react node.js e usando o firebase para autenticação, porém o css no react é diferente, e aqui no caso estou usando como por exemplo: pages > contas> contas.jsx> contas.css. entendeu ? por isso que perguntei se está em react mesmo.
Eae Will beleza? adorei o seu trabalho, sou muito bom no frontend, mas não manjo quase nada de backend, então tava precisando de alguém para me ajudar a terminar um projeto, se tiver interesse entra em contato comigo
Bom dia, Will. Parabéns pelo projeto. Ficou irado! Se eu pudesse dar uma humilde sugestão seria para que tu escrevesse o código enquanto grava o vídeo (mesmo já tenho ele escrito em outro monitor, ou algo do tipo). Acho que isso ajudaria quem tenta desenvolver o código junto com o vídeo. Abraços!
Eu prefiro esse formato que ele já usa, deixa os vídeos curtos, sem enrolação, atualmente é o canal que eu mais gosto, pois aprendo mt, estou na fase de as vzes ainda necessitar copiar código, porém fazendo isso fico cada vez mais independente do professor!
Pra quem já tem base em js, react... Esse canal é perfeito
Melhor e mais atualizado que muitas plataformas de cursos por ai, tô falando por experiência própria e agradecendo por poder compartilhar um pouco do seu conhecimento me ajudando e ajudando muitos outros no inicio da jornada
Muito obrigado pelo feedback :D
Seus projetos são muito bom!! Estou fazendo vários dele para aumentar meu portfólio.. Parabéns, conteúdo de qualidade!!
Boa noite, professor!! Agradeço por compartilhar seu projeto. Fiquei muito feliz em conseguir acompanhar e desenvolver. Foi uma emoção ao ver tudo funcionando!^^
Que massa que curtiu!! Muito obrigado pelo feedback :D
Caso alguém tenha o mesmo erro que eu. Para resolver o erro "yarn: command not found", instale o pacote yarn globalmente executando npm install -g yarne reinicie seu terminal.
fui atrás pra resolver por outros videos e só agora vi seu comentário, proximo bug eu dou uma lida por aqui kkkkkkkkkkkkkkkkkk
Top! Só recomendo mostrar a estrutura do html antes e só depois mostrar a estilização.
Projeto incrível mano! me ajudou muito com meu trabalho da faculdade!
Muito bom!
Código simples, organizado, fácil de entender :)
Muito obrigado pelo feedback :D
Parabéns pelo conteúdo, um ótimo projeto para colocar em prática os estudos.. uma dica para uma futura vídeo aula é ir construindo o código durante o vídeo mesmo, sem cortar e explicando cada detalhe linha a linha, mas no geral está ótimo. muito obrigado!
Obrigado pelo Feedback Eduardo
Projeto simples e incrível! Parabéns pelo vídeo, ficou bem tranquilo de entender tudo.
Showw, muito obrigado pelo feedback 😃
Que legal! Eu poderia usar arquivos css no lugar de arquivos de estilização?
Willian, parabéns pelo projeto, só gostaria de te perguntar como eu faço se quiser alterar a descrição ou o valor de algum item. Vai me ajudar bastante se eu conseguir fazer essa alteração. Muito obrigado.
React é muito embaçado, um simples cálculo o cara precisa fazer várias linhas de código.
Muito bom cara, inscrito para fortalecer seu canal
Muito obrigado pelo feedback :D
top parabéns pela iniciativa...
Oi Will! Não consigo visualizar o projeto, não manjo muito do terminal...
ótima aula, de 10 a 0 em muitos cursos pagos!
Muito obrigado pelo feedback :D
Mano, parabéns por compartilhar esse conhecimento!Mto foda! Muito obrigado! Abs!!
Obrigado pelo feedback :D
tem como deixar ele PWA?
Topzera mano, parabéns!
Boa tarde, Will. Parabéns pelo projeto, me ajudou muito tanto para estudos quanto para resolver um problema pra o negócio da minha Tia.
Queria te perguntar uma maneira de exportar esse banco de dados para armazenar esses dados.
Valeu pelo feedback Kefesson, sobre a exportação daria para você integrar com um banco de dados real, ou se quiser, acredito que daria para você salvar os dados da tabela em Excel, tem alguns exemplos na Net que mostram isso
vou usar pra treinar, ficou bom pra karalho
Top! Bons estudos
o meu global js nunca aplica a estilização :/
Cara que massa esse projeto
Parabens, projeto muito bom!
na minutagem 25:14, o que seria esse acc e cur do metodo reduce?
acc é o valor acumulado, e cur seria o valor corrente, ou seja, eu vou adicionando o valor corrente, e vai sendo acumulado no acc.
@@will_dev ah sim, muito obrigado! alias, estava tendo problemas com o styled components então acabei baixando uma versão mais antiga. consegui fazer o projeto, aprendi bastante. senti que é um pouco mais complexo pra mim que está começando mas com o tempo eu entendo
Bom dia, Will projeto mto bacana parabéns, estou com um probleminha quando dou entrada de algum valor tipo 4.000 aparece só 4.0, e quando dou saida de algum valor, ele não altera o valor de entrada, fica fixo, o que pode ser?
Hmm, será que com meu código tbm ocorre? Talvez seja as funções javascript na hora que eu salvo, math.abs ou tô fixed
Cara você é fod@stico. Parabéns!! Como posso fazer para disponibilizar para outros usar? Teria que hospedagem?
Sim, teria que hospedar em algum lugar
@@will_dev obrigado por responder mestre. Poderia criar um.formulario de planejamento de Ordem.de serviços, algo que contenha valor do produto quantidade e soma total...
essa forma de armazenamento que vc escolheu, na hora de sair ou entrar no sistema ele apaga tudo ou armazena sempre?
Ele fica no navegador, então se tu usar o mesmo navegador, sempre vai aparecer
Consegui aqui! A minha pergunta é, como faço para agregar data? Pois será um controle financeiro mensal
Teria que criar um campo de data, e adicionar um filtro por mês, aí carrega na tela apenas registros do mês selecionado
@@will_dev consegue fazer um vídeo explicando? Ainda sou meio leigo no assunto :/
Gostaria de um explicação da linha 25 e 26 do App.js
o porque desses:
(acc, cur) => acc + cur, 0)
acc?
.. deixa a tela sem nada, e quando marco como comentários essas duas linhas, o condigo roda normalmente..
Essas linhas são para somar todos os itens de entradas e saídas dos arrays "amountExpense" e "amountIncome", reduzindo a um valor numérico
Parabéns pela aula, me inspirou bastante..
mas infelizmente estou com esse erro setItens is not a function
TypeError: setItens is not a function quando clico na lixeira
Acredito que não está criado essa propriedade, recomendo comparar com meu repositório, o link está na descrição
styled components nao baixa de jeito nenhum. tem problema se eu fazer sem?
Estranho não baixar, mas pode usar qualquer outro sem problemas.
Projeto top! Qual tema voce utiliza?
dracula
Tem como aplicar o padrão MVC neste projeto?
Ahaam
Bom trabalho mano
Eu estou montando o código aqui porém a biblioteca é diferente com isso da conflito. Estou usando react.js
Opa, mas é react
voce esplica bem amigo, forca, eu amo muito a tecnologuia mas tenho dificuldade de percebe las, mas este vidio me deixou um pouco aberto, forca mano
Valeu Abdul!! Muito obrigado pelo feedback 😃
...Como Criar um Botão de limpar TODOS Os Objetos de Entrad e saídas ??? Um botão de Zerar todas as Entradas...Brigado
Teria um tutorial de como adicionar o Banco de dados ?
poderia ser o postgres
E aí Andre, beleza? Não especificamente para esse projeto, no momento só trabalhei com banco no projeto do clone do Facebook aqui no meu canal, mas tem alguns vídeos da galera usando no TH-cam, seria a mesma ideia.
Excelente conteúdo.
Agradeço seu feedback :D
Nem parece os meus projeto usando o nextJs com typeScript.
Professor fiz a inserção de um campo data na hora de setar ela mosta no formato 29/09/2022 pelo proprio calendario do input type date mas no retorno mostra 2022-09-29 sem as barras e invertido alguem pode me ajudar?
Tem várias formas de tratar datas. tente nesse formato: new Date("2022-09-29").toLocaleDateString('pt-BR', {timeZone: 'UTC'}),
Fala Will. Cara muito obrigado por compartilhar esse conhecimento todo em seu canal. Você não tem noção de como tenho aprendido por aqui. Tem alguma forma que possamos retribuir de alguma forma(doação, pix, etc)?
Fala Matheus. Muito obrigado pelo feedback. Não precisa retribuir, só acompanhar que a ideia é evoluir esse conteúdo :D
Excelente Aula Will!! Só um quesito, estou com esse erro setItens is not a function
TypeError: setItens is not a function quando clico na lixeira, mudou algo após o vídeo?
Que eu lembro não, tenta copiar do repositório para ver se tem diferença
@@will_dev mano já tentei, vou ver se dá certo novamente
O meu index.js da pasta ResumeItem está igual a sua, porém não está aparecendo os ícones... não faço ideia do porquê!!!
Copia do repertório para ver se tem algum diferença
cara, o meu da erro de localStorage is not defined... não sei o que fazer.. já tentei de tudo.
Estranho, pesquisei e tem alguns casos que tem que colocar uma condição se o o window é diferente de undefined, igual esses exemplos stackoverflow.com/questions/52474208/react-localstorage-is-not-defined-error-showing
Pois deveria reconhecer.
No meu projeto ele esta dando NaN em entradas e saídas do resume quando coloco virgula sabe o que pode ser ?
Tenta dar um replace por ponto antes de salvar, ele quebra com vírgula mesmo
Quais extensões você utiliza?
Uso drácula para o layout, vscode-styled-components, live server pra JS e só kk
Muito bonito e eficiente parabéns, o react facilitou? Eu pensei em começar a aprender mas n entendi qual a vantagem
Valeu pelo feedback Maycon, o React como framework agiliza o desenvolvimento, pois você pode reaproveitar cada componente que você cria em lugares diferentes.
Hello Will, can you please kindly share your VS Code extensions and configuration? I'll appreciate very much.
Of course: ES7+ React/Redux/React-Native snippets, Dracula Official, Live Server, vscode-styled-components
Projeto muiito bom, Will! Mandou bem demais!
Eu só não entendi o porquê tu colocou o Resume e um ResumeItem, eu poderia fazer um componente Resume como se fosse um ResumeItem?
Agradeço o feedback! Dá certo também, eu coloquei o resume como a área dos itens, e criei o componente ResumeItem separado porque tem 3 itens (cards) com a mesma estrutura, assim não repeti o código.
@@will_dev obrigada pela resposta, vou
aderir aos meus projetos também então. Realmente o código ficou muito organizado.. :)
Oi, Will, excelente video. Uma duvida: vc tem cursos pra vender ? 2 pergunta 2: como faz pra criar o bachend desse sistema ? tipo uma api em node ? vc ensina ? muito obg
Opa, não tenho curso :/. Mas tenho outro vídeo que tem a parte de backend, procura na playlist "fullstack"
Muito bom! Ganhou +1 inscrito
no meu não está deletando, recebo esse erro no console:
index.js:8 Uncaught TypeError: setItens is not a function
at onDelete (index.js:8:1)
Sem olhar fica difícil dizer, mas veja como está no meu repositório, o link está na descrição do vídeo
Opa blz eu fiz o projeto mas ele está com um pequeno problema...
Quando entra um valor positivo funciona normal, depois entra um negativo funciona normal também, porém quando eu entro com outro valor positivo ele ta aparecendo negativo e diminuindo o valor, mesmo a opção do radio estando no "Entrada"...
Você saberia dizer onde eu estou errando ?
AH, e quando eu recarrego a pagina depois de marcar a opção "saída" volta tudo ao normal, mas se eu denovo clicar no radio saida, ele não volta para o entrada.
Otimo projeto eu gostei bastante de fazer ele ...
Opa, sem olhar fica difícil dizer, mas tenta copiar essa parte do meu repositório e vê se vai resolver.
@@will_dev Consegui, eu devo ter errado alguma coisa no radioGroup...
vlww
Fiz tudo igual o seu, infelizmente quando vou adicionar alguma coisa simplesmente não funciona kkk, vou comparar os nossos codigos e ver se acho o bug
Isso, copia o código se não encontrar o erro.
Aqui no meu reclamo uque tirei o index.js da /src e coloquei em outra pasta, mesmo estando dentro dela.
Olá Giovani, tente rodar de novo a aplicação ou compare com o repositório
@@will_dev Achei depois o erro. O index.js do src tinha sido apagado kaka. Mto obg.
opa tem esse site pronto para q eu possa usar?
Sim, tá na descrição o link do repositório
Legal demais,só faltou uma mensagem de confirmação para excluir.
Muito obrigado pelo feedback :D
Meu react não reconhece o npx, sabe como configurar?
Não cheguei a enfrentar esse problema, mas aconselho a dar uma pesquisada nos fóruns (Stack Overflow por exemplo) sobre o erro, provável que vai ter a resposta.
teria como mudar a cor da font: Entradas - green; Saidas - red; ?
Sim, basta mudar as colors no index da pasta gridItem
will, é para mudar a cor da font dos card, teria como?
Cara que projeto massa.
Uma pergunta sera que é muito difícil pegar a data e criar dinamicamente a cada mês uma nova pagina e colocar mais uma campo com o total geral de todos os meses?
Valeu!
Valeu pelo feedback Matheus, então, sobre a data, daria para criar uma função passando a lista de itens e o mês/ano por parâmetro, e criar um for que verifica qual item tem naquele mês e ano, aí para cada loop no for tu adiciona para um novo Array o item do mês e retorna no final da função.
@@will_dev valeu vou ir tentando aqui.
muito daora
pra mim não aparece o rafce
É uma extensão de snippet do vs code pra gerar a estrutura padrão, se não me engano é snippet react
Faz esses tipos de fomularios com datas e outros tipos de inputs com vinculação como o banco de dados, pq ta muito fodaa e pode ficar mais fooda...hhahahah
Agradeço seu feedback. Pretendo trazer uns projetos mais elaborados com banco de dados :D
Você só esqueceu de especificar que está usando react native, e não react.js. como faço para deixar o código em react.js.
Opa, é react.js mesmo
@@will_dev então aqui estou codando com react node.js e usando o firebase para autenticação, porém o css no react é diferente, e aqui no caso estou usando como por exemplo: pages > contas> contas.jsx> contas.css. entendeu ? por isso que perguntei se está em react mesmo.
até salvei o vídeo já
Codigo limpo.
Muito bom, só faltou colocar o nome "dtMoney". To brincando.
Obrigado pelo feedback :D
Eae Will beleza? adorei o seu trabalho, sou muito bom no frontend, mas não manjo quase nada de backend, então tava precisando de alguém para me ajudar a terminar um projeto, se tiver interesse entra em contato comigo
Muito obrigado pelo feedback :D